css
关注
分享
扫一扫
乘风破浪PL
加油加油，乘风破浪
展开
-
css实现3D立体视频翻转动画
从别的地方看到一个特效，图一是鼠标没有移动上去，图二是鼠标移动上去的效果，实现思路不难，对两个立方体进行编辑。但是真正写起来，还是感觉有一些复杂的，html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ..原创 2020-06-06 18:52:44 · 750 阅读 · 0 评论 -
css实现折叠卡片效果
文字和视频什么的可以自己改变HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styl.原创 2020-05-28 13:41:24 · 1602 阅读 · 0 评论 -
css实现鼠标悬停效果
感觉css的话，原来的我认为很难学，挺生涩的，但是认真看了以后，感觉css很有意思，能写出很多好看的样式，只要多做几个例子，其中有哪个属性不明白，自己查明白，然后把做出来的东西从头到尾顺一遍，思路就会清晰一些，css基础的东西挺简单，就看你会不会利用回了。html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport.原创 2020-05-27 15:19:33 · 3340 阅读 · 0 评论 -
CSS实现橡皮筋效果
HTML代码：<body> <div class="container"> <h1 class="text">Rubber Band Animation</h1> <button class="btn">Hover me </button> <div class="box"></div> </div></body>c.原创 2020-05-13 10:42:27 · 1729 阅读 · 0 评论 -
CSS实现为文字添加背景
css：body{ margin: 0; padding: 0%; font-family: "Montserrat",sans-serif; background: #333;}h1{ font-size: 200px; text-transform: uppercase; font-weight: 900; letter-spacing: 20px; position: absolute; top: 50%; ..原创 2020-05-11 15:39:29 · 3256 阅读 · 0 评论 -
纯CSS实现波动水球效果
今天学习到了一个新的css特效，波动水求效果，也是非常的好看，记得点赞HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2020-05-09 18:18:07 · 2702 阅读 · 0 评论 -
css实现图片百叶窗效果
作品很翻车啊：用css实现了一款百叶窗效果，但是不知道图片不能完全显出来，有谁知道怎样使大的图片自适应小窗口吗，太难了爬。。。css代码如下要修改哪里呢：*{ margin: 0; padding: 0;}ul,ol{ list-style: none;}body{ background: url("../images/bd.jpg");...原创 2020-05-06 13:57:18 · 1145 阅读 · 0 评论 -
纯css实现聚光灯效果
css还是蛮有意思的哦，效果啥的也不差，我给大家安利一个聚光灯效果，真的非常奈斯，效果如图：中间的圆圈是不断地移动的，html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...原创 2020-05-05 13:00:10 · 905 阅读 · 0 评论 -
CSS实现超级炫酷的流光按钮效果
今天从小破站看了一个大神的作品，感觉好流批，自己忍不住也做了一下。是完全用css实现流光特效，鼠标放在上面会有光波流动，太炫酷了，爱了爱了，这是鼠标没放在上面的颜色，放在上面的颜色太炫酷了，图片根本无法表达，可以自己试一试哦。。。下面上菜：<!DOCTYPE html><html lang="en"><head> <meta...原创 2020-05-04 20:59:09 · 7978 阅读 · 8 评论