css学习记录
用来记录在学习中想到的一些样式
Farst3807
这个作者很懒,什么都没留下…
展开
-
CSS3学习随记-(Javascript)滑动按钮
效果展示: 通过js判定按钮位置来进行样式的修改,加入transition来达到滑动效果 <div class="backbtn" id="jsbackbtn"> <div class="topbtn" id="jstopbtn" onclick="btn()"></div> </div> <style> /*底层按钮槽*/ .backbtn { width: 60px; height: 20px; backgrou原创 2021-05-23 15:24:39 · 466 阅读 · 1 评论 -
CSS3学习随记-色块移动动画
记录一下自己学习css和css3时做的小东西 具体效果为色块向右移动拼合成新形状,随后浮现出文字 <div class="div_all"> <div class="div_100px frames_a1_5s"></div> <div class="div_100px frames_a2_5s" style="position: relative;top: -100px;"></div> <div class="div_.原创 2021-05-18 16:57:01 · 405 阅读 · 0 评论 -
CSS3学习随记-动画链接按钮
展示效果: 利用animation中的animation-timing-function来设定固定的动画速度 做出自带动画效果的链接按钮 <div id="button"> <div class="abtn"><a href="">按键</a></div> <div class="action1"></div> <div class="action2"></div> </di.原创 2021-05-22 17:00:48 · 151 阅读 · 0 评论