CSS3
沉默是金~
这个作者很懒,什么都没留下…
展开
-
CSS 悬浮父元素修改子元素的样式示例
【代码】CSS 悬浮父元素修改子元素的样式示例。原创 2023-09-20 17:31:11 · 200 阅读 · 0 评论 -
css3 flex布局
.header-title { display: flex; font-size: 14px; padding: 1px 10px 1px 10px; flex-flow: row wrap; justify-content: center; align-items: center; }display: flex;flex-flow: row wrap;align-items: center;justify-content: c...原创 2022-04-16 09:48:47 · 253 阅读 · 0 评论 -
CSS3 实现div方形小三角和对勾效果
1、ts<div class="consultingRoom" :class="{ 'consultingRoomClick' : spanIndex.indexOf(index)>-1 }" v-for="(item,index) in stuRoomList" :key="item.roomId" :value="item.roomId" :title="item.roomName" @click="roomPich(item, index)"> {{item....原创 2022-01-20 20:36:55 · 1707 阅读 · 0 评论 -
css 分辨率响应式高度
csss有个calc计算属性100vh代表视窗高度100vh - 200px 在视窗基础上减去200pxcalc(100vh - 200px) 注意减号两边要加空格原创 2022-01-11 10:11:25 · 1141 阅读 · 0 评论 -
css display和visibility区别
display 两个属性 block 显示 none 隐藏visibility 两个属性 visible 显示 hidden隐藏visibility 占用空间 display 不占用空间原创 2021-12-24 10:47:39 · 381 阅读 · 0 评论 -
css3 控制文本行数以省略号显示
本文章以2行省略为例 text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;原创 2021-11-02 09:03:19 · 203 阅读 · 0 评论 -
css3 元素从中间分别向两边展开动画特效
利用transition 和 transform 动画属性.requirelist-iteam .border-top { position: absolute; top: -1px; left: 50%; width: 2px; height: 2px; background: transparent; border-radius: 2px; transform: scaleX(0); opacity: 0; transition: all .4s;..原创 2021-09-16 11:55:53 · 3750 阅读 · 1 评论 -
CSS3 svg 波浪效果
svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58.原创 2021-02-20 11:03:15 · 417 阅读 · 0 评论 -
CSS IE11浏览器背景颜色不显示问题解决
把背景颜色 #颜色值改成rgba格式就可以了原创 2020-08-18 10:51:23 · 1237 阅读 · 2 评论 -
微信端禁止长按保存图片到本地
添加一行样式搞定img{ pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}原创 2020-07-03 09:54:02 · 2593 阅读 · 0 评论 -
css3 实现图片闪过一道光效果 亲测可用
html部分: <div class="icon_div"> <img style="display: block; height: 180px; width: 100%;" src="../../images/wydk/sfrz_bg.png"> <img style="display: block;height: 27px;width: 199px;p...原创 2020-05-20 10:51:01 · 2209 阅读 · 0 评论