摘要: 一、2D变形 css3中三大功能: 1)过度:transition 2)动画:animation 3)变形:transform ie9开始兼容1.旋转: 语法: transform:rotate(30deg); totate:角度单位,一圈360deg,一圈π,弧度,弧度=角度*π / 180,一弧 阅读全文
posted @ 2019-07-15 17:17 不动如山田 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 一、关键帧动画 animation 属性 两个关键词 :调用动画 animation。定义关键帧(动画) @keyframes 1.定义关键帧 兼容性前缀 @-webkit-keyframes,谷歌 @-moz-keyframes,火狐 @-ms-keyframes IE, @-o-keyframe 阅读全文
posted @ 2019-07-15 17:16 不动如山田 阅读(1819) 评论(0) 推荐(1) 编辑
摘要: 一、背景 background1.回顾 background-color position image repeat 动态显示大小 size attachment: fixed; 2.background-origin && background-clip background-origin :背景 阅读全文
posted @ 2019-07-15 17:15 不动如山田 阅读(813) 评论(0) 推荐(0) 编辑
摘要: 一、盒子阴影和文字阴影 box-shadow; 盒子阴影 ie9 语法: box-shadow:1px 2px 3px 4px color; 5个参数: 参数一:水平偏移量 +- 必选 参数二:垂直偏移量 +- 必选 参数三:阴影模糊值 + 必选 参数四:阴影外延值 + 可选 参数五:阴影的颜色 c 阅读全文
posted @ 2019-07-15 17:14 不动如山田 阅读(1258) 评论(0) 推荐(0) 编辑
摘要: css3 选择器 1.css2.1选择器 标签选择器 div() 类 .class() id #id() 通配符 *{} 后代选择器 div p span 交集选择器 div.class#id 并集选择器 div,p,span,#id{} 2.关系选择器 儿子 div>p ie7开始兼容 下一个兄弟 阅读全文
posted @ 2019-07-15 09:12 不动如山田 阅读(227) 评论(0) 推荐(0) 编辑