建站css-tip

来源:互联网 发布:ubuntu 打开端口 编辑:程序博客网 时间:2024/05/18 03:44

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
0 0