12 2021 档案

CSS流光按钮
摘要：<!-- run --> <style> .btn { position: absolute; top: 2%; left: 50%; transform: translate(-50%, -50%); width: 230px; height: 90px; line-height: 90px; t 阅读全文
posted @ 2021-12-04 15:08 CoderWGB 阅读(54) 评论(0) 推荐(0) 编辑
CSS格子布
摘要：代码如下: <style> .css { width: 1000px; height: 1000px; background: #FFF; background-image: linear-gradient(rgba(182, 128, 102, .8) 8px, transparent 0), l 阅读全文
posted @ 2021-12-04 14:41 CoderWGB 阅读(33) 评论(0) 推荐(0) 编辑
CSS闪光按钮
摘要：代码如下: <div style="background: #1a1e23;width:164px"> <button class="btn btn-primary btn-ghost btn-shine"> 闪光按钮 </button> </div> <style> @import url(htt 阅读全文
posted @ 2021-12-04 14:24 CoderWGB 阅读(255) 评论(0) 推荐(0) 编辑
CSS酷炫的文字转场
摘要：代码如下: <div class="container"> <span class="text">fantastic</span> </div> <style> .container{ margin-top: 50px; text-align: center; background-color: # 阅读全文
posted @ 2021-12-04 14:15 CoderWGB 阅读(65) 评论(0) 推荐(0) 编辑
CSS电影谢幕效果
摘要：<!-- run --> <!-- 出处 https://juejin.cn/post/7002829486806794276#heading-1 --> <div class="container"> <div class="pic"></div> <div class="text"> <p>如果 阅读全文
posted @ 2021-12-04 13:49 CoderWGB 阅读(100) 评论(0) 推荐(0) 编辑