#transform#

共找到 transform 相关内容 17 条

优先问答
优先文章

怎么使用 CSS3 实现动画？

如何使用css完成视差滚动效果?

为什么有时候⽤translate来改变位置⽽不是使用position进行定位？

使用css实现一个无限循环动画

transition、animation、transform三者有什么区别？

疑难杂症：运用 transform 导致文本模糊的现象探究

疑难杂症：运用 transform 导致文本模糊的现象探究

在我们的页面中，经常会出现这样的问题，一块区域内的文本或者边框，在展示的时候，变得特别的模糊，如下(数据经过脱敏处理)：正常而言，应该是这样的：emmm，可能大图不是很明显，我们取一细节对比，就非常直观了：何时触发这种现象？那么？什么时候会触发这种问题呢？在Google上，其实我们能搜到非常多类似的案例，总结而言：当文本元素的某个祖先容器存在transform:translate()或者transform:scale()等transform操作时，容易出现这种问题当然，这只是必要条件，不是充分条件。继续深
CSS3萌宠系列，纯CSS3诞生的可爱狗狗

CSS3萌宠系列，纯CSS3诞生的可爱狗狗

好可爱一只小狗狗！睡觉憨憨的样子，听到细微的声音，立马竖起他的耳朵，看向远方。你是不是想拥有这样一只忠实而又可爱的狗狗呢？可爱的你值得拥有！上图是用什么软件制作的呢？用纯CSS+HTML你信吗？不信的，让我们拭目以待吧！看图解构看上图，狗狗有圆圆头，2只小小的眼睛和2只长长的耳朵，鼻子，嘴巴，4只脚，身体、尾巴组成。细节：1、地上有阴影，狗狗抬头时阴影会缩小2、狗狗是趴着在，所有只能看到3只脚3、狗狗睡觉时，呼吸会让身体上下起伏4、狗狗抬头时，耳朵会上扬有了结构思路，我们可以先来画出大致的样子狗狗身体结构
CSS3中transition、transform傻傻分不清楚

CSS3中transition、transform傻傻分不清楚

前言css属性很多，无论是字母的拼写还是字面上的意思，很多人都容易混淆，包括我在内，也时不时需要去看看到底是咋回事，是不是也混淆过你～下面列举几个最容易混淆的属性：属性含义animation（动画）用于设置动画属性，他是一个简写的属性，包含6个属性transition（过渡）用于设置元素的样式过度，和animation有着类似的效果，但细节上有很大的不同transform（变形）用于元素进行旋转、缩放、移动或倾斜，和设置样式的动画并没有什么关系，就相当于color一样用来设置元素的“外表”translat
下拉加载更多