摘要: 一、box-shadow: 参数1,参数2 阴影位置偏移量 参数3 模糊半径 参数4 扩展半径 负数 0 默认值 正数 参数5 阴影的颜色 参数6 设置内阴影 inset 默认是外阴影 多个阴影使用,分割 阴影默认大小与元素大小一致 二、图片边框 border-image: 生效前提: 边框大于0 阅读全文
posted @ 2017-05-16 19:47 邬凉城 阅读(1258) 评论(0) 推荐(0) 编辑
摘要: 一、3D 开启元素3D transform-style: preserve-3d; Z轴 正数 屏幕外,反之屏幕内 近大远小 perspective: length (必须大于等于0) -- 在3D元素中设置,所有子元素统一生效。 transform: perspective(200px) -- 给 阅读全文
posted @ 2017-05-16 19:46 邬凉城 阅读(392) 评论(0) 推荐(0) 编辑
摘要: 一、过渡(transition) transition-property: 指定具有过渡效果的CSS样式属性名 1.默认值: all 2.仅具有中间值(CSS样式值是数值的)的CSS样式具有过渡效果 3.可以具体指定那些样式具有过渡效果,多个CSS样式属性名使用 , 分割 transition-du 阅读全文
posted @ 2017-05-16 19:45 邬凉城 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 伪元素选择器 :before 和 :after 添加的位置 :before 第一个子节点 :after 最后一个子节点 特点 1、默认是 inline 元素 2、必须包含 content 属性 3、content 属性的值 : 字符串或者CSS的函数(url(), attr(), counter() 阅读全文
posted @ 2017-05-16 19:43 邬凉城 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 一、包含块 目的:确定元素的位置和相对大小(%) 1.正常文档流元素和浮动元素 父元素的 content-box 2.绝对定位元素 父元素的 padding-box 3.固定定位元素 视口 二、负外边距 document.documentElement.clientWidth; 视口宽度 windo 阅读全文
posted @ 2017-05-16 18:06 邬凉城 阅读(226) 评论(0) 推荐(0) 编辑