![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
宁晓
这个作者很懒,什么都没留下…
展开
-
css背景色闪烁
直接先看效果1.做两个重叠的圆<div> <div class="box"></div> <div class="box2 ">小马闪起来~</div> </div>2.样式@keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.0; } to { ...原创 2021-07-03 15:47:04 · 2536 阅读 · 0 评论 -
css实现边框跑马灯效果
先上效果图1.先整个div边框<div class="box horse_run">小马跑起来~</div>2.书写css样式.box { height: 300px; width: 400px; box-shadow: 0 0 3px orange; text-align: center; line-height: 280px;}.horse_run { background-image: linear-gradient(90de原创 2021-07-03 14:47:06 · 3739 阅读 · 2 评论 -
css文字闪动效果
先看效果再看代码好习惯:1.html代码<div class="word_breath">125</div>2.css代码.word_breath { width: 100%; height: 30%; font-size: 2.5rem; font-weight: 700; display: flex; justify-content: center;原创 2021-07-03 11:48:51 · 1854 阅读 · 0 评论 -
CSS实现图标周围扩散闪烁效果
..outDiv{ width:30px; height:30px; display: flex; justify-content: center; align-items: center; .blingbling{ border: 6px solid #73BF00; width: 36px; height: 36px; border...原创 2018-11-14 10:21:54 · 9650 阅读 · 0 评论