2024年04月20日 建站教程
css3语法中引用了很多新的特性,下面web建站小编给大家简单介绍一下!
p::before{ content: "→ "; }
[title]{ color: #f00; }
.gradient { background: linear-gradient(to bottom, #ffffff, #000000); }
.gradient { background: radial-gradient(circle at center, #ffffff, #000000); }
.btn { color: black; transition: color 0.5s ease-out; } .btn:hover { color: white; }
.circle { width: 100px; height: 100px; border-radius: 50%; background-color: blue; animation: circle-color 5s alternate infinite; } @keyframes circle-color { 0% { background-color: blue; } 50% { background-color: yellow; } 100% { background-color: red; } }
平移变形
.box { transform: translate(20px, 20px); }
.box { transform: scale(2); }
.box { transform: rotate(45deg); }
本文链接:http://so.lmcjl.com/news/2666/