自定义滚动条样式
摘要：在要添加滚动条的标签样式中添加，注意lang="less“ 1 ::-webkit-scrollbar{ 2 width:12px; 3 background-color:#f1f1f1; 4 } 5 /*定义滑块 内阴影+圆角*/ 6 ::-webkit-scrollbar-thumb{ 7 ba
阅读全文
posted @
2023-11-28 16:36
芹菜是一根葱
阅读(72)
推荐(0) 编辑
用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型，vue2
摘要：需求：画一个正方体，让物体一直旋转 环境：vue2、css 效果： 代码： 模型 1 <template> 2 <div> 3 <!-- 旋转立体图 --> 4 <div class="cube"> 5 <div class="face front"></div> 6 <div class="fac
阅读全文
posted @
2023-07-26 18:12
芹菜是一根葱
阅读(176)
推荐(0) 编辑
下拉菜单缓慢展开收起的动画过渡效果,vue2 CSS
摘要：需求：点击下拉菜单按钮，显示子菜单并有过渡效果 过渡效果：缓慢展开收起 环境：vue2 CSS 分析：子菜单的高度有没有固定，如果子菜单的高度固定，可以设置高的变化添加过渡效果。如果高度不固定设置最大高度的变化添加过渡效果 图片展示： 展开状态 收起状态 实现代码： <template> <div>
阅读全文
posted @
2023-06-09 17:32
芹菜是一根葱
阅读(1469)
推荐(0) 编辑
CSS 阴影闪烁 呼吸灯闪烁 animation动画 keyframe 选择器 动态闪烁 less vue2
摘要：环境：vue2 功能：CSS样式添加阴影的时候让阴影部分保持动态闪烁效果 方案：运用animation动画 实现闪烁，keyframe 选择器更改阴影的颜色 效果：动态闪烁 样式书写： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
阅读全文
posted @
2023-01-13 17:35
芹菜是一根葱
阅读(410)
推荐(0) 编辑
css 样式 正三角，倒三角 小三角
摘要：提示框、菜单栏 的三角样式 效果图 精髓 正三角 .h{ width: 0; height: 0; border: 6px solid transparent; border-bottom-color: rgb(19, 95, 236); } 倒三角 .y{ width: 0; height: 0;
阅读全文
posted @
2023-01-11 18:15
芹菜是一根葱
阅读(267)
推荐(0) 编辑
