主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
css3用伪元素实现加载引导动画
2020-07-23
网页编程网
网页编程网
<style> .box{ position: relative; width:200px; height:200px; border-radius: 50%; border:10px solid transparent; border-top-color:red; border-left-width:0; animation: rotate 2s infinite linear; } .box::before{ position: absolute; right:10px; top:20px; content:''; width:20px; height:20px; border-radius: 50%; background-color: red; } @keyframes rotate{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } </style> </head> <body> <div class="box"> </div> <p>伪元素（::after\before）与伪类（:hover\active）区别：</p> <p>后来css3增加了更多伪类，如first-child，last-child，fist-of-type。</p> </body>
阅读原文
阅读
4025
123
显示电脑版