web前端+css
集百家之所长,提供精炼的代码
半盏茶. ོ
一个菜鸟级别的落魄开发者
展开
-
element DateTimePicker修改快捷选项样式
vue+element+JQuery修改时间选择快速选择样式原创 2022-08-09 14:27:05 · 1675 阅读 · 1 评论 -
纯css 竖向步骤条
一、平常做一些物流啊提现啊这些效果的时候可能就需要用到步骤来向用户展示具体到哪一步了,但是呢有时候写的又比较繁琐,找各种组件插件又要安装或者引入对应的包,今天就给大家分享一个纯css的竖向步骤条,先看效果图:二、废话不多说,直接上代码,HTML:<div class="stepItem" v-for="(item,index) in billList.handle" :key="index"> <van-icon name="passed" size=".45rem"原创 2022-02-17 15:06:45 · 2195 阅读 · 0 评论 -
vue 瀑布流 纯css
一、今天记录一个纯css来实现瀑布流的方法,对的,你没有看错就是纯css,这次借助的是css3的特性,目前才了解到的,有一些还没太懂,希望大家多多指教,好了,废话不多说,直接上代码。二、...原创 2021-06-16 14:37:11 · 318 阅读 · 0 评论 -
用css写一个四角框
一、先上效果图二、一个盒子div<div class="siFrame"></div>三、css代码.siFrame { width: 200px; height: 100px; margin: auto; background: linear-gradient(to left, #4980D9, #4980D9) left top no-repeat, linear-gradient(to bottom, #4980D9, #4980D9)原创 2020-12-11 15:51:15 · 251 阅读 · 0 评论 -
css 伪类 :after 制作一个三角箭头 最简单的那种
一、内联元素和块级元素都能做到,以后大家就可以不用找图片或者用svg或者其他ico图标啦,几句代码就能搞定:<div class="arrow"></div><style>.arrow:after { width: 10px; height: 10px; border-right: 1px solid #333; border-top: 1px solid #333; transform: rotate(45deg); position: abso原创 2020-11-26 14:30:34 · 2387 阅读 · 1 评论