CSS3
无尽的拉格朗日
网易不行
展开
-
给图片加个遮罩
前言有些情况下,需要给图片价格滤镜一样的东西,比如黑的,黄的,蓝的,经过测试,这种方法应该可行实现<div class="lvjing"> <img src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" alt=""/></div>.lvjing{ width:500px; height:500px,; opacity:0.3; background原创 2021-08-30 18:00:38 · 155 阅读 · 0 评论 -
伪元素::after与::before的使用注意事项
前言作为一个前端,这也算是必修之一了吧例子如果想要做成一个这样的平行四边形,可以用canvas,也可以用svg,当然也能用伪元素来实现,本篇主要说伪元素遇到的坑用伪元素来做遇到几个问题1.写了一串css,发现 ::after 与 ::before 元素显示不出来,这个十有八九没在 css 里添加 content:" "2.元素乱跑,不在div前后,这个好像只能加 position:absolute/relative , top:x, left:x 等属性去调3.不能理解 border ,原创 2021-08-30 17:17:35 · 344 阅读 · 0 评论 -
有关div翻转的实现
前言在做一个页面的过程中,首先遇到的问题就是素材不够多,比如我想达到这样的效果,但只有一边的元素就像这样那我只有左边素材的时候,要该怎么做到对称呢素材不够技术来凑,寻思了一下,找一找css的反转功能实现.class{ transform:rotateY(180deg);}让对称的div以y轴为对称轴进行反转,就可以了后语东西并不难,难在要先知道有这么个css...原创 2021-08-30 16:19:58 · 580 阅读 · 0 评论 -
elementui-input远程搜索的显示问题
前言用的时候发现</el-autocomplete>这个标签下下拉列表的数据超出部分设置的是overflow: hidden;这样不是很好,毕竟有时候还是需要展示完全的所以需要改造一下根据我多次尝试,代码如下(在全局下起作用,在scoped中不起作用)/*远程查询下拉框*/.el-autocomplete-suggestion__list{ display: inline-block;}后语看似是个小问题,却也能耗很长时间✌...原创 2021-06-29 17:08:47 · 623 阅读 · 0 评论 -
新技能,特效边框之旋转
上图这个截图已经接近我最佳水平了的( •̀ ω •́ )✧话不多说上代码<div class="next"></div>.next{ float: right; margin-top: 20px; margin-right: 50px; width: 50px; height: 50px; position: relative; overflow: hidden; z-index: 0;}.next::after{ content原创 2021-01-21 16:05:25 · 113 阅读 · 0 评论