随笔分类 -  css

.html文件使用less
摘要：1、less官网下载less.js文件 2、在.html文件中引入 <link rel="stylesheet/less" href='css/demo.less'> <script type="text/javascript" src='./js/less.min.js'></script> 3、 阅读全文
posted @ 2021-11-14 20:50 zhongfang99 阅读(691) 评论(0) 推荐(0)
修改浏览器中的滚动条样式
摘要：::-webkit-scrollbar{ background-color: transparent !important; width: 4px; } ::-webkit-scrollbar-track{ background: transparent !important; border-rad 阅读全文
posted @ 2021-06-09 09:26 zhongfang99 阅读(85) 评论(0) 推荐(0)
实现鼠标悬浮时边框上面有一条线动画出现
摘要：// 鼠标悬浮时候，可以有线条从左到右出现的动画效果，移开时从右到左消失的效果 <template> <div class="animation"> <div class="box" @mouseenter="enterTop" @mouseleave="leaveTop"> <div class= 阅读全文
posted @ 2021-05-25 17:17 zhongfang99 阅读(338) 评论(0) 推荐(0)
动画 animate
摘要：官网 https://daneden.github.io/animate.css/ 使用 class类中 必须加 阅读全文
posted @ 2020-01-10 16:46 zhongfang99 阅读(262) 评论(0) 推荐(0)