- 博客(20)
- 收藏
- 关注
转载 小y的放松时刻-0020:发散动画
小y的放松时刻-0020:发散动画内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1t4411q79N效果展示代码<body> <a href="#">Get Started</a></body>body{ margin: 0; padding: 0; background: b
2020-06-27 01:33:27 231
转载 小y的放松时刻-0019:图片背景的文字效果
小y的放松时刻-0019:图片背景的文字效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1n4411s765效果展示代码<body> <h1>text</h1></body>body{ margin: 0; padding: 0; font-family: sans-seri
2020-06-25 12:37:40 200
转载 小y的放松时刻-0018:创意分区效果
小y的放松时刻-0018:创意分区效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV13J411S7eF效果展示代码<body> <div class="square"> <span></span> <span></span> <
2020-06-25 11:24:20 283
转载 小y的放松时刻-0017:加载动画
小y的放松时刻-0017:加载动画内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1q4411H7Cq效果展示代码<body> <div class="loading"> <div class="obj"></div> <div class="obj"></d
2020-06-24 00:26:48 124
转载 小y的放松时刻-0016:日食效果
小y的放松时刻-0016:日食效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1GV411k75W效果展示代码<body> <div class="eclipse eclipse-before"></div> <div class="eclipse eclipse-after"></div&
2020-06-22 20:31:36 213
转载 小y的放松时刻-0015:按钮悬停效果
小y的放松时刻-0015:按钮悬停效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1d4411e7yV效果展示代码<body> <div class="middle"> <a href="#" class="btn btn1"></a> <a href="#" cla
2020-06-20 10:30:53 106
转载 小y的放松时刻-0014:悬停倾斜效果
小y的放松时刻-0014:悬停倾斜效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1NA411B7hB效果展示代码<body> <div class="container"> <button class="btn btn1">Hover me</button> <bu
2020-06-19 00:00:54 133
转载 小y的放松时刻-0013:点击波纹效果
小y的放松时刻-0013:点击波纹效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1jz411b7sx效果展示代码<body> <a href="#">BUTTON</a> <a href="#">BUTTON</a> <script type="text/javascr
2020-06-17 23:14:29 101
转载 小y的放松时刻-0012:3D图层悬浮效果
小y的放松时刻-0012:3D图层悬浮效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1G441117gj效果展示代码<body> <div class="container"> <img src="../img/relax_0012.png" > <img src="../im
2020-06-16 23:45:53 280
原创 小y的放松时刻-0011:扫描效果
小y的放松时刻-0011:扫描效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接小y的放松时刻-0010没错,难得的原创,是根据前一篇的流星环绕效果衍生出来的。效果展示流星滑过的效果戳到小y了代码<body> <a href="#"> <span></span> <span></span> <
2020-06-15 23:41:37 101
转载 小y的放松时刻-0010:流星环绕按钮
小y的放松时刻-0010:流星环绕按钮内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV11t411F74o效果展示流星滑过的效果戳到小y了代码<body> <a href="#"> <span></span> <span></span>
2020-06-12 21:25:20 204
转载 小y的放松时刻-0009:3D按钮特效
小y的放松时刻-0009:3D按钮特效内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1M441167pS效果展示代码<body> <ul> <li> <a href="#"> <span>Like</span>
2020-06-12 00:24:38 124
转载 小y的放松时刻-0008:霓虹灯闪烁特效
小y的放松时刻-0008:霓虹灯字体特效内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1g4411u7MW字体来源:google字体库效果展示代码<link href="https://fonts.font.im/css?family=Monoton" rel="stylesheet"> <body> <div cla
2020-06-10 22:29:31 133
转载 小y的放松时刻-0007:环绕光按钮
小y的放松时刻-0007:环绕光按钮内容简介原链接效果展示![在这里插入图片描述](https://img-blog.csdnimg.cn/20200610011509964.gif#pic_center)代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1eV411d7D8效果展示代码<body> <div class="enclose">
2020-06-10 01:16:47 236
转载 小y的放松时刻-0006:发光按钮效果
小y的放松时刻-0006:发光按钮效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1CK411W79S效果展示代码<body> <div class="main-container"> <div class="item"><input type="checkbox"/></div&g
2020-06-09 00:02:56 87
原创 小y的放松时刻-0005:悬停效果
小y的放松时刻-0005:悬停效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接60种css3鼠标悬停效果这次是小y模仿效果自己实现的,不过相关声明还是不能少。关于原链接为收费资源的一些说明。效果展示代码<body> <div class="photo-frame"> <img src="../img/relax_0005 1.png"/> <
2020-06-06 00:48:41 93
转载 小y的放松时刻-0004:悬停效果
小y的放松时刻-0004:悬停效果内容简介原链接不可跳过的说明效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接60种css3鼠标悬停效果不可跳过的说明1. 原链接的代码为收费下载,有需求可自行购买2.小y为支持原作者,已付费下载代码3.原本小y想看效果自己实现,却在最后1%上卡住了:“悬停在div上时同时触发多个子标签tranform效果”,最终还是打开了原作者代码,解决了这个问题。因此本篇文章类型依旧为转载。.photo-frame:ho
2020-06-05 01:24:33 132
转载 小y的放松时刻-0003:按钮流光效果
小y的放松时刻-0003:按钮效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://blog.csdn.net/qq_43413916/article/details/104084744效果展示原效果小y在原效果的基础上将伪类的背景色做了根据自己喜好的调整个性化1个性化2代码<body> <a href="#">BUTTON</a></body
2020-06-03 19:25:53 162
转载 小y的放松时刻-0002:流星效果
小y的放松时刻-0002:流星效果内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。绝大部分内容将会是非原创,侵删。原链接https://www.jianshu.com/p/65f21a47818f效果展示代码<body> <div class="loader"> <div class="face"> <div class="circle"></div>
2020-06-02 22:29:23 97
转载 小y的放松时刻-0001:按钮
小y的放松时刻-0001:按钮内容简介原链接效果展示代码内容简介这是小y学习css、js的记录和分享。为什么说是放松时刻呢?因为很好看~绝大部分内容将会是非原创,侵删。原链接https://www.bilibili.com/video/BV1AK4y1t72e?from=search&seid=1349304686111800544B站BV号:BV1AK4y1t72e效果展示代码<body> <button class="button">
2020-06-01 19:53:03 103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人