产品
解决方案
文档与社区
权益中心
定价
云市场
合作伙伴
支持与服务
了解阿里云
备案
控制台
开发者社区
首页
探索云世界
探索云世界
云上快速入门,热门云上应用快速查找
了解更多
问产品
动手实践
官方博客
考认证
TIANCHI大赛
活动广场
活动广场
丰富的线上&线下活动,深入探索云世界
任务中心
做任务,得社区积分和周边
高校计划
让每位学生受益于普惠算力
训练营
资深技术专家手把手带教
话题
畅聊无限,分享你的技术见解
开发者评测
最真实的开发者用云体验
乘风者计划
让创作激发创新
阿里云MVP
遇见技术追梦人
直播
技术交流,直击现场
下载
下载
海量开发者使用工具、手册,免费下载
镜像站
极速、全面、稳定、安全的开源镜像
技术资料
开发手册、白皮书、案例集等实战精华
插件
为开发者定制的Chrome浏览器插件
探索云世界
新手上云
云上应用构建
云上数据管理
云上探索人工智能
云计算
弹性计算
无影
存储
网络
倚天
云原生
容器
serverless
中间件
微服务
可观测
消息队列
数据库
关系型数据库
NoSQL数据库
数据仓库
数据管理工具
PolarDB开源
向量数据库
热门
百炼大模型
Modelscope模型即服务
弹性计算
云原生
数据库
云效DevOps
龙蜥操作系统
平头哥
钉钉开放平台
物联网
大数据
大数据计算
实时数仓Hologres
实时计算Flink
E-MapReduce
DataWorks
Elasticsearch
机器学习平台PAI
智能搜索推荐
人工智能
机器学习平台PAI
视觉智能开放平台
智能语音交互
自然语言处理
多模态模型
pythonsdk
通用模型
开发与运维
云效DevOps
钉钉宜搭
支持服务
镜像站
码上公益
开发者社区
开发与运维
文章
正文
CSS 日常踩坑----- transform 导致文本、图片模糊
2022-11-26
533
版权
版权声明:
本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议
》和 《
阿里云开发者社区知识产权保护指引
》。如果您发现本社区中有涉嫌抄袭的内容,填写
侵权投诉表单
进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
简介:
CSS 日常踩坑----- transform 导致文本、图片模糊
问题:通过transform:translate3D 设置图片位移动画的时候,发现文本变模糊,但是同样方法的另一个却没有
通过百度过后,发现这是因为transform时div的宽度或者高度并不是偶数,移动50%之后,像素点并不是整数,出了小数,和显示像素没有对上导致模糊
解决办法:将元素设置为偶数可以解决
文章标签:
前端开发
关键词:
CSS图片
CSS文本
CSS transform
卖坚果的怪叔叔
目录
相关文章
Y2000104
|
13天前
|
前端开发
css文本属性
css文本属性
Y2000104
15
0
0
1024小神
|
13天前
|
前端开发
计算机视觉
开发者
利用CSS改变图片颜色的100种方法!
利用CSS改变图片颜色的100种方法!
1024小神
48
1
1
向画
|
12天前
|
前端开发
css文本垂直展示------
css文本垂直展示------
向画
15
1
1
桃李春风一杯酒
|
13天前
|
前端开发
UED
开发者
【专栏:HTML与CSS实战项目篇】制作一个响应式图片画廊
【4月更文挑战第30天】本文介绍了如何使用HTML和CSS创建响应式图片画廊。响应式画廊能根据用户设备屏幕大小自动调整布局。首先规划结构,包含一个图片容器和每张图片元素,并为图片提供替代文本。接着设计样式,设置图片大小、间距和视觉效果。然后通过媒体查询实现响应式设计,根据不同屏幕尺寸调整图片排列。同时考虑性能优化,如压缩图片和使用懒加载技术。最后,测试和调试确保画廊在各种设备上正常工作。这个过程强调了响应式设计和用户体验的重要性。
桃李春风一杯酒
29
4
4
桃李春风一杯酒
|
13天前
|
前端开发
UED
【专栏:CSS 基础篇】CSS 字体与文本样式:美化你的网页内容
【4月更文挑战第30天】网页设计中,字体和文本样式至关重要,影响视觉效果和用户体验。CSS允许设计师设置字体家族、大小、颜色、加粗、倾斜、行高和对齐方式等。高级特性包括引入外部字体和使用字体变体。响应式设计适应不同设备,确保良好阅读体验。实际案例和最佳实践强调易读性和一致性。掌握这些技巧能提升网页美感和用户交互,创造更多可能。
桃李春风一杯酒
21
0
0
景天科技苑
|
13天前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
景天科技苑
16
2
2
时雨h
|
13天前
|
XML
编解码
前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
时雨h
12
0
0
时雨h
|
13天前
|
前端开发
容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
时雨h
33
2
2
时雨h
|
13天前
|
移动开发
前端开发
搜索推荐
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
时雨h
26
0
0
疯狂的猿
|
13天前
css3鼠标悬停图片特效源码
css3鼠标悬停图片特效,图片悬停效果源码,可以在网页上面作为自己的动态加载名片,放到侧边栏或者网站合适的位置即可
疯狂的猿
15
0
0
热门文章
最新文章
1
局域网管理软件的前端设计与实现:HTML/CSS在网络拓扑展示中的应用
2
【CSS进阶】使用CSS gradient制作绚丽渐变纹理背景效果(下)
3
《CSS 简易速速上手小册》第9章:CSS 最佳实践(2024 最新版)
4
【CSS进阶】使用CSS gradient制作绚丽渐变纹理背景效果(上)
5
前端 富文本编辑器原理——从javascript、html、css开始入门(一)
6
《CSS 简易速速上手小册》第10章:未来的 CSS(2024 最新版)
7
《CSS 简易速速上手小册》第7章:CSS 预处理器与框架(2024 最新版)
8
《CSS 简易速速上手小册》第3章:CSS 响应式设计(2024 最新版)
9
《CSS 简易速速上手小册》第5章:CSS 动画与过渡(2024 最新版)
10
【CSS进阶】巧用伪元素before和after制作绚丽效果(上)
1
jQuery+CSS3自动轮播焦点图特效源码
19
2
会员项目定价卡css3特效
19
3
CSS3病毒病原体图形特效
14
4
前端的CSS选择器
26
5
CSS清除浮动的八种方法
39
6
CSS之弹性盒子Flexible Box
37
7
CSS水平居中与垂直居中的方法
25
8
CSS关于默认宽度
11
9
CSS画三角形(三种方法)
21
10
CSS背景background八种属性
26
相关课程
更多
CSS 快速掌握
零基础学前端HTML+CSS
前端开发CSS基础
相关电子书
更多
零基础CSS入门教程
低代码开发师(初级)实战教程
阿里巴巴DevOps 最佳实践手册
相关实验场景
更多
CSS基础教程
前端开发基础3:CSS3常见显示属性
下一篇
2024年阿里云免费云服务器及学生云服务器申请教程参考