知识点
- 伪元素: ::after
- 动画:@keyframe,animation
- 变换:transform;2d平移:translate();2d旋转:rotate()
- overflow属性:元素溢出处理
- 渐变效果:linear-gradient(角度,颜色1,颜色2);例linear-gradient(45deg, rgb(40, 154, 224),rgba(105, 228, 255, 0.224))
效果图
Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>