关于"transform"的文章

transform变形在网页上的效果

transform变形在网页上的效果
这是一个小案例,展示了transform在网页上常见的几个效果。比如translate位置的移动,scale缩放,skew倾斜等。当然还应用了box-shadow投影,linear-gradient线...

利用transform变形结合事件完成扇形导航

利用transform变形结合事件完成扇形导航
这个案例因为写错了一个transition的单词,害得我花了一个下午的时间,真的眼睛都瞎了,以后不要再犯这种低级错误  >_<查看效果案例源代码下载链接: https://pan...

利用transform打造走动的2D时钟

利用transform打造走动的2D时钟
学完了transform这个课程,还是来一个案例吧,利用transform的旋转rotate打造一个时钟,再结合JavaScript的定时器让它走起来。截一个动图:点击查看效果源文件下载↓链接: ht...

CSS3第十一课:transform2D变形,注意多个变形的执行顺序!

用过ps的童鞋几乎都知道ctrl+T自由变换工具,我觉得CSS3 transform就汲取了ps变形的精华,好好地继承了这三板斧精神。一、transform变形实现对元素的缩放、移动、旋转、倾斜,分别对应以下几个方法。注意:变形只能针对块状对象,行内元素需要变成块状对象才能实现变形效果。1、scal...

CSS3案例集13:改版ofo小黄车官网响应式布局

CSS3案例集13:改版ofo小黄车官网响应式布局
在ofo和摩拜两大单车阵营中,我是ofo一派的,最直接的原因就是它家押金比摩拜少,我当时交了99元押金,然后在支付宝花了9.9买了一个包月包,结果根本没用上,因为ofo不是免费骑,就是不停地发抵用券,...

CSS3案例集09:五光十色的变色龙动画

CSS3案例集09:五光十色的变色龙动画
比起上一个弹跳的小球动画,我觉得这个变色龙动画更炫酷一些,当时看到百度这个效果的时候也是感到非常棒,于是自己仿做了一个案例,素材来自于百度浏览器产品发布页。查看效果下载地址↓链接:http://pan...
Top