CSS3 是最新的 CSS 标准。
因为CSS3 完全向后兼容,因此您不必改变现有的设计。浏览器通常支持 CSS2。
我这个肯定是不完全了,不过经常用的还是有,就做个总结吧。^ - ^
.
CSS3边框:
例如:
div canvas{
border: 2px solid black;
border-radius: 25px;
box-shadow:10px,10px,10px, black;
border-image: url(...);
}
.
CSS3背景:
例如:
div{
background: url(...);
background-origin: content-box;
background-size: 20% 80%;
}
.
.
CSS3动画:
div{
border: 2px solid black;
background-color: blue;
animation: an 5s;
}
@keyframes an{
from{background:red;}
to{background: rgb(88, 224, 107);}
}
或
@keyframes an
{
0% {background: red;}
50% {background: blue;}
100% {background: green;}
}
.
CSS3多列:
例如:
div{
column-gap:40px;
column-count:3;
}
.
CSS3用户界面属性:
例如::
div {
resize: both;
overflow: auto;
box-sizing: content-box;
outline-offset: 10px;
}
若有不当之处,欢迎指正!!!
^ - ^