css特效免费 |字体平滑 css

/* hover.css */
/* 鼠标悬停效果 */
a:hover {
color: red;
font-size: 20px;
transform: rotate(360deg);
}
/* animate.css */
/* 动画效果 */
.animated {
animation-duration: 3s;
animation-fill-mode: both;
}
.fadeIn {
animation-name: fadeIn;
}
/* wow.js */
/* 页面滚动效果 */
.wow {
visibility: hidden;
animation-duration: 1.5s;
animation-name: slideInDown;
}
/* hoverdir.css */
/* 单元格鼠标悬停效果 */
.hoverdir-demo-1 .hoverdir-wrapper .block1 .hoverdir-back {
background-color: #f9f9f9;
color: black;
font-size: 28px;
padding: 30px;
text-align: center;
transition: all 0.6s ease-in-out;
}
/* magic.css */
/* 魔幻效果 */
.element {
position: relative;
}
.element:before {
background-color: #1abc9c;
content: "";
height: 0%;
left: -50%;
position: absolute;
top: -50%;
width: 0%;
z-index: -10;
transition: all 0.5s ease-in-out;
}
.element:hover:before {
height: 200%;
width: 200%;
}

以上是只是冰山一角，实际上还有很多可免费使用的CSS特效。您只需花费一些时间搜索，就能找到更多的优秀CSS特效。最后，提醒您在使用CSS特效时要注意不仅仅体验，还要考虑网页性能以及响应速度。