![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
样式贴
初来乍到的IT狗
前端一枚
展开
-
利用背景渐变实现边框样式
css实现信封边框和虚线样式,利用线性渐变背景以及背景重复完成。原创 2022-08-05 14:52:01 · 298 阅读 · 1 评论 -
Css实现漂亮的滚动条样式(转载)
改变浏览器中滚动条的样式转载 2021-06-30 16:13:45 · 4015 阅读 · 0 评论 -
css变量、less变量、scss变量
因为老是弄混,所以在此记录一下。1、css变量2、less变量3、scss变量原创 2021-06-16 15:26:37 · 800 阅读 · 0 评论 -
CSS3实现文字横向滚动
上效果图:上代码:<div id="tips" :style="'--textWidth--:'+ msg.length+'em'"> <span class="span1">{{msg}}</span> <span class="span2">{{msg}}</span></div>#tips{ background: #FFEEAA; width: 100%; line-height: 40px; heigh原创 2021-06-09 14:17:56 · 1460 阅读 · 0 评论 -
css属性阻止鼠标事件及鼠标指针的显示
CSS属性:pointer-events原创 2021-06-09 11:10:51 · 1285 阅读 · 1 评论 -
uni-app带滑动条的导航栏
先放实现效果:结构:<scroll-view scroll-x class="nav-tab-wrap" :throttle="false" @scroll="scrollEvent"> <view class="nav-tab"> <block v-for="(item,index) in tabList"> <view class="nav-tab-item" :class="{'active':currentIndex==index}" @ta原创 2021-03-16 11:12:24 · 1635 阅读 · 1 评论 -
CSS——CSS变量
一、定义/*定义*/scope{ --variable:value;}/*使用*/selector{ --attribute:var(--variable);}二、作用域:root{}来定义全局css变量css选择器{}来定义局部css变量三、举例/*定义*/:root{ --maincolor: #F67600; /* 主题色 */}/*使用*/.bg-orange{ background: var(--maincolor);}...原创 2021-02-27 09:15:34 · 346 阅读 · 0 评论 -
CSS3动画——全屏广告“跳过”按钮样式
先放个效果图:上代码:<div id="timer"> <div class="timer-text">跳过</div> <div class="timer-round"> <div class="left wrap"> <div class="left-radius radius"></div> </div> <div class="right wrap"> <原创 2021-02-27 08:31:42 · 500 阅读 · 0 评论 -
css 实现现直播聊天区域顶部渐变效果(转载)
转载于https://blog.csdn.net/weixin_43974907/article/details/105073061 关键词:顶部渐变/渐隐,-webkit-mask-image 简介:首先,关于这个文章的标题做一下说明,目的是要实现这个效果,但是在类web的应用领域专业术语叫【蒙版效果】,或者遮罩效果(了解css3的孩儿们提到“蒙版”是不是很简单了),至于为什么叫聊天区域顶部渐转载 2020-12-11 11:10:11 · 745 阅读 · 0 评论 -
单行及多行文本超出出现省略号
1、单行超出.text-overflow{ width:300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}2、多行超出.more-overflow{ display:-webkit-box; overflow: hidden; text-overflow: ellipsis; ...原创 2019-11-08 13:54:19 · 569 阅读 · 0 评论 -
uni-app、微信小程序基础布局CSS
这是我自己比较常用的,写到全局样式中,用到的时候直接调用就可以了。后续遇到还会更新。page { background-color: #f5f5f5; font-size: 28upx; color: #333333; font-family: Helvetica Neue, Helvetica, sans-serif;}/* ---布局CSS--- */.flex{ disp...原创 2019-11-08 10:30:16 · 2019 阅读 · 0 评论