
CSS
雷加祥
学习前端开发过程中的笔记
展开
-
JavaScript实现抽奖效果
代码<div id="box"> <div class="option">民主</div> <div class="option">文明</div> <div class="option">和谐</div> <div class="option">自由</div> <div id="start">Start</div>原创 2020-06-08 22:34:27 · 661 阅读 · 2 评论 -
KTV风格炫彩流光按钮
效果话不多说 代码如下<div class="container"> <civ class="circle"></civ> <span>COOL</span></div>样式 .container { position: relative; width: 100%; height: 100vh; border: 1px solid red;原创 2020-06-08 21:29:29 · 1029 阅读 · 0 评论 -
纯CSS实现三角形
代码如下角度可调整其他几条border宽度来实现角度变化div{ width: 0px; height: 0px; border-top: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid red; border-left: 10px solid rgba(0, 0, 0, 0);原创 2020-05-08 22:26:51 · 272 阅读 · 1 评论