css字体会动 |css animate 元素旋转

css样式理论，提示框css，css左侧列表的样式，css文字靠下显示，css 媒体查询限制高度，css按权重和来源排序，css animate 元素旋转 css字体会动 |css animate 元素旋转

/* 方法一：使用 @keyframes */
@keyframes glow {
0% {
color: #fff;
text-shadow: 0 0 20px #fff;
}
50% {
color: #f00;
text-shadow: 0 0 30px #f00;
}
100% {
color: #fff;
text-shadow: 0 0 20px #fff;
}
}
h1 {
font-size: 60px;
animation: glow 2s ease-in-out infinite;
}
/* 方法二：使用 transition */
h2 {
font-size: 40px;
color: #333;
transition: all 0.2s;
}
h2:hover {
font-size: 50px;
color: #f00;
}
/* 方法三：使用 transform */
h3 {
font-size: 30px;
color: #333;
transform: rotate(0deg);
transition: all 0.2s;
}
h3:hover {
transform: rotate(360deg);
color: #f00;
}

总之，CSS 字体动画提供了一种简单而有效的方式，使网页内容更具吸引力和独特性。