css3
懒惰的睿智
一个懒散的程序猿
展开
-
CSS3的简单应用
开发工具与关键技术:DW CSS3的简单应用作者:李波撰写时间:2019.1.19号Css3的动画就是通过transform属性向元素应用2D或3D转换。运用:旋转,扭曲,缩放,位移来实现一些简单的动画效果。旋转函数rotate(n):通过指定的角度参数使元素相对原点进行旋转,n为参数,用于设置旋转的角度,如果为正,元素相对原点中心顺时针旋转;如果为负,逆时针旋转。语法如下:transfor...原创 2019-01-19 11:21:25 · 255 阅读 · 0 评论 -
CSS3动画过渡
开发工具与关键技术:DW CSS3的动漫过渡作者:李波撰写时间:2019.1.19号动画过渡 transitiontransition是一个复合属性,包含一下几个子属性: transition-property:指定过渡或动态模拟的CSS属性; transition-duration:指定过渡完成所需的时间; transition-timing-function:指定过渡函数;...原创 2019-01-19 17:18:26 · 478 阅读 · 0 评论 -
用CSS3制作一个风车
用CSS3制作一个风车开发工具与关键技术:用css3制作一个风车作者:Mrs li首先我的风车html如下:Css部分:需要给四个叶子的设置其对应的样式:首先是第一页的叶子如下图(这里展示第一个叶子的样式),为了突出效果我将叶子的颜色调整为不同的颜色,通过调整叶子的不同的旋转角度形成不同的方向的叶子。那么如何让它动起来呢,其实很简单不需要大费周章的去写js,只需用Css3的属性...原创 2019-03-12 20:24:40 · 1301 阅读 · 0 评论