随笔分类 -  CSS

CSS3的新特性和一些好玩的CSS效果
摘要:CSS3 3D转换 一、三维坐标系 三维坐标其实就是指立体空间,立体空间是由3个轴共同组成的。 X轴:水平向右 X右边为正值,左边为负值 Y轴:水平向下 Y下面为正值,上面为负值 Z轴:垂直屏幕 往外面是正值,往里面是负值 二、3D位移:translate3d(x,y,z); transform:t 阅读全文
posted @ 2019-12-09 21:34 哈喽小伙 阅读(198) 评论(2) 推荐(1)
摘要:CSS3 动画 动画(animation)是css3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或者一组动画,常用来实现复杂的动画效果。相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 一、动画的基本使用 1.定义动画 用keyframes 定义动画(类似定义类选择器) 阅读全文
posted @ 2019-12-04 23:36 哈喽小伙 阅读(195) 评论(0) 推荐(0)
摘要:CSS3 2D转换 一、移动 transform : translate(x,y); 向X移动 x距离 和 向Y轴移动 y距离 transform : translateX(x); 向X轴移动 x距离 transform : translateY(y); 向Y轴移动 y距离 tip: transla 阅读全文
posted @ 2019-11-19 23:58 哈喽小伙 阅读(148) 评论(0) 推荐(0)
摘要:CSS3新增属性(1) 一、CSS3属性选择器 E[attr] button["disabled"] 选择具有attr 属性的E元素 E[attr="XX"] input[type="text"] 选择具有attr 属性且属性值等于XX的E元素 E[attr^="XX"] input[type^=" 阅读全文
posted @ 2019-11-18 00:00 哈喽小伙 阅读(404) 评论(0) 推荐(0)