css
css
顾鸟
前端开发工程师
展开
-
【vue】字幕滚动
字幕滚动原创 2022-05-10 15:50:30 · 1229 阅读 · 0 评论 -
scss使用
使用 scss 定义变量和语法原创 2021-12-27 11:06:51 · 361 阅读 · 0 评论 -
css 垂直居中
1. flex布局2. margin结合transform3. line-height4. vertical-align原创 2021-12-03 16:49:53 · 356 阅读 · 0 评论 -
CSS 水平居中
一、 水平居中1. text-align:center2. margin: 0 auto3. flex 布局原创 2021-11-18 11:57:19 · 335 阅读 · 0 评论 -
css实现烟花效果
1. 效果图2. html<body> <div id="container"> <div id="fireworks"><img src="imgs/fireworks.png" alt=""></div> <div id="firecracker"><img src="imgs/firecracker.png" alt="" width="8px"></div> </div原创 2021-01-21 22:31:27 · 5182 阅读 · 3 评论 -
404页面(适配不同分辨率)
效果图html<body> <div class="container"> <div class="img container-item"> <img src="./404.svg" alt="" srcset=""> </div> <div class="content container-item"> <div class="code">404</div&g原创 2021-01-21 21:01:14 · 166 阅读 · 0 评论 -
css实现加载动画效果
1. 效果如下代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>loading-animate</title> <style> .loading { position: absolute; top: 50%; left: 50%; transform: translate(-5原创 2021-01-19 23:00:41 · 225 阅读 · 0 评论 -
为容器盒子添加四角的边框
效果图1. html父元素下存放四个span标签,分别代表四个边框<!--数据统计 --> <el-col class="dataCount"> <span class="border"></span> <span class="border"></span> <span class="border"></span> <sp原创 2021-01-17 10:45:52 · 1834 阅读 · 0 评论