![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
沐卿゚
记录广漂程序员的工作日常,希望能帮助到大家,一起加油
展开
-
【简单快捷教会你】如何正确使用animate.css,各种动态效果。
anminate.css是一个动画库,所有前端不管你用什么框架都是不会有影响的,放心使用,里面有各种冬天效果可以让你使用,大大提高开发效率anminate官网:https://animate.style/首先我们先下载你可以访问这个链接里面就是css,保存到你们自己的项目里就可以,单独创建一个css,animate,把这里面的内容复制到里面就可以了 首先你们下载好animate.css后,在你们在自己项目引入公共样式的地方引入animate.css就可以了,然后我是用的uniapp做的项目, 这里我原创 2022-07-13 15:38:16 · 1150 阅读 · 4 评论 -
css写三角形超简单~
非常的简单,直接引入js,如果这个三角的角度不是你要的,你可以修改 transform: rotate(90deg);里面的数值就可以得到任意位置的三角形了原创 2022-07-12 11:24:00 · 226 阅读 · 0 评论 -
css禁止某个区域复制
.notCopy { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }原创 2022-06-29 15:18:42 · 149 阅读 · 0 评论 -
vue中使用3元运算符
很简单,就这样在那样就可以了:class="[item.flog==true?'arrow_right top':'arrow_bottom top']"原创 2022-04-15 13:38:17 · 1392 阅读 · 0 评论 -
Flex 布局语法教程
flex-wrap属性布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。ps:面试的时候也经常会问到一些一、Flex布局是什么?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ disp...原创 2022-03-10 17:38:11 · 229 阅读 · 0 评论 -
字体转换优化
http://www.reeji.com/edit原创 2022-02-23 14:35:51 · 93 阅读 · 0 评论 -
【html】css字体渐变
可以自己修改需要的颜色代码 -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0)));//银色原创 2022-02-15 11:39:15 · 261 阅读 · 0 评论 -
css伪元素before插入图片
.conteText5{ position: relative; } .conteText5::before{ content: ''; position: absolute; left: 0; top: 0; width:12.97pt; height: 10.66pt; background-image: url(../../../../static/images/myshop/jingdong.png); background-...原创 2022-02-15 11:34:20 · 3664 阅读 · 0 评论 -
设置两行超出隐藏显示省略号
.BestUl>li>span:nth-last-child(2){ display: block; width: 90%; height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }原创 2022-02-15 11:32:27 · 264 阅读 · 1 评论 -
css设置宽高字体超出隐藏
.class类名{ display: inline-block; width: 105px; height: 18px; /*设置字体超出隐藏*/ overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }原创 2022-02-15 11:30:59 · 324 阅读 · 0 评论 -
css内容滚动并消除滚动条
.boxs{ width:94%; height: 472px; margin-left: 3%; border: 1px solid red; overflow-x: hidden; overflow-y: scroll; /*解决ios上滑动不流畅*/ ...原创 2022-02-15 11:30:02 · 888 阅读 · 0 评论 -
判断各种苹果屏幕分辨率,设置对应样式
/*适配苹果X*/@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .header_nav { top: 44px; }}/*适配苹果X smart Max*/@media only screen and (device-width: 414px) and (device-height: 896px...原创 2022-02-11 16:12:22 · 850 阅读 · 0 评论