![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
一只金牛座的崽
这个作者很懒,什么都没留下…
展开
-
js回到顶部或定位到指定元素
js回到顶部或定位到指定元素原创 2022-10-31 14:56:36 · 413 阅读 · 0 评论 -
页面整屏滚动效果
屏幕整屏滚动原创 2022-07-26 16:14:45 · 463 阅读 · 0 评论 -
jquery和原生js改变Dom样式
改变css样式原创 2022-06-01 17:53:17 · 480 阅读 · 0 评论 -
css 文字过长出现省略号
CSS 如何设置一行超出显示省略号overflow: hidden;text-overflow: ellipsis;white-space: nowrap;CSS 如何设置2行超出显示省略号overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;推荐一个文本省略的vue插件vue-textellipsis-zzc...原创 2022-03-03 19:55:46 · 577 阅读 · 0 评论 -
css实现三角形
{ width: 0; border: 100px solid transparent; border-bottom: 100px solid skyblue;}原创 2022-03-03 19:39:11 · 65 阅读 · 0 评论 -
css 变量variable
<style type="text/css">:root{ --bgcolor: blue; --color: red;}.left { width: 300px; height: 20px; background: var(--bgcolor);}</style>原创 2022-03-03 19:32:13 · 59 阅读 · 0 评论 -
CSS选择器
文章目录一、ID二、Class三、标签四、后代选择器五、相邻同胞选择器六、属性选择器一、ID#content{}二、Class.content{}三、标签p{}h1{}四、后代选择器<div class="parent"> <div class="child"> child <div class="son">son</div> </div> <div class="child">原创 2021-12-23 18:31:31 · 841 阅读 · 0 评论 -
CSS预处理器Scss认知
文章目录零、说明一、引入scss文件二、定义变量三、变量默认值四、嵌套五、嵌套属性六、颜色处理七、引用父选择器 &符号八、mixin九、extend 继承十、Operators 操作符十一、if判断十二、循环十三、函数指令十四、maps十五、多重赋值十六、at-root指令零、说明scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。总结了一些常用的和我认为重要的知识点,欢迎谈论~一、引入scss文件@import "./partial.scss";二、定原创 2021-10-11 14:08:21 · 151 阅读 · 0 评论 -
css动画-跳动
实现效果:实现代码:<div class="share-bubbles"> <img src="@/assets/img/share.png" alt="" /> <span> 分享获得更多回复 </span> <div class="sj"></div></div><style scoped lang="scss"> $primary-color: #2424原创 2021-08-13 11:53:17 · 339 阅读 · 0 评论