您的位置:首页 > Web前端 > CSS

建站css-tip

2016-07-20 10:02 323 查看

css-tip

缩放放大样式

transform:scale(2.5);


点击图片时放大2.5倍,HTML 5 ,样式独特

卡片式阴影布局

box-shadow:0 1px 4px rgba(0,0,0,6)


语法:box-shadow: h-shadow v-shadow blur spread color inset;

注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

值 描述 测试

h-shadow 必需。水平阴影的位置。允许负值。 测试

v-shadow 必需。垂直阴影的位置。允许负值。 测试

blur 可选。模糊距离。

设置元素的形状

clip:rect(0px 50px 200px 0px


垂直排列图像

vertical-align:text-top


层叠

z-index:1000;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css