随笔分类 -  CSS动画

摘要:效果: template: <div style="background: #0d5593; height: 900px"> <ul class="menu"> <li class="menu-cell" @click="test('11111')"> <img class="menu-cell__ 阅读全文
posted @ 2021-06-09 17:20 小兔儿_乖乖 阅读(85) 评论(0) 推荐(0) 编辑
摘要:div: <div class="module_box"> <div class="box"> <i><span></span></i> </div> </div> css: .module_box { height: 400px; display: flex; } .box { position: 阅读全文
posted @ 2021-06-09 17:16 小兔儿_乖乖 阅读(66) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态粒子效果</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></sc 阅读全文
posted @ 2021-06-08 18:16 小兔儿_乖乖 阅读(86) 评论(0) 推荐(0) 编辑
摘要:div: <div class="xz"> <!-- 外层最大容器 --> <div class="wrap"> <!--包裹所有元素的容器--> <div class="cube"> <!--前面图片 --> <div class="out_front"> <img src="../assets/ 阅读全文
posted @ 2021-06-08 17:35 小兔儿_乖乖 阅读(47) 评论(0) 推荐(0) 编辑
摘要:vue: <main> <h1 class="txt">live on.</h1> <h1 class="txt2"></h1> <h1 class="txt3"></h1> </main> style: main { position: relative; overflow: hidden; } 阅读全文
posted @ 2021-06-08 15:12 小兔儿_乖乖 阅读(338) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示