分类:css

css

通过css将网页置灰

通过css将网页置灰
当我们需要将网页置灰的时候,可以通过css代码实现 body, html { filter: grayscale(100%)!important; -webkit-filter: grayscale(95%)!important; -moz-filter:...

yekong 7天前 81℃ 0喜欢

css 设置多个字体

css 设置多个字体
vue项目开发时,要求如果有平方字体就使用平方字体,没有平方字体就使用微软雅黑字体。记录一下设置方式 font-family: PingFangSC, sans-serif, MicrosoftYaHei; ...

yekong 2个月前 (10-10) 160℃ 0喜欢

css 背景色渐变从上到下

css 背景色渐变从上到下
css要实现从上到下颜色渐变的遮罩,从深色逐渐变为浅色。 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0) 100%); ...

yekong 2个月前 (10-08) 221℃ 0喜欢

css 文字颜色渐变

css 文字颜色渐变
css文字颜色渐变 color: #2AA7D3; -webkit-background-clip: text; background-image: -webkit-linear-gradient(bottom, #719ee4, #fff); ...

yekong 2个月前 (09-30) 705℃ 0喜欢

html css输入框 disabled 样式

html css输入框 disabled 样式
html css输入框 disabled 样式文本颜色修改 input[disabled], input:disabled, input.disabled { color: #000; -webkit-text-fill-color: #000; -webkit-op...

yekong 3个月前 (09-11) 174℃ 2喜欢

纯CSS3鼠标滑过图片效果动画库收集

纯CSS3鼠标滑过图片效果动画库收集
外包项目开发时,需要一些鼠标移到图片上的动画效果,正好之前看到过类似的文章,将其也整理一遍发到自己的博客上,方便搜索复用。 imagehover.css imagehover.css 效果演示地址 效果演示地址 基本实例代码 <figure class="imgh...

yekong 3个月前 (08-31) 210℃ 0喜欢

css实现水平镜像和垂直镜像

css实现水平镜像和垂直镜像
最近在学习动画制作,在制作动画的时候遇到一个页面 左右是对称的,所以想直接通过css的方式,实现以镜像翻转的方式渲染出来。 水平 .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } 垂直 .mir...

yekong 3个月前 (08-26) 294℃ 0喜欢

css 解决谷歌浏览器字体最小12px大小

css 解决谷歌浏览器字体最小12px大小
使用-webkit-transform:scale(0.8);可以控制大小,但是transform只能缩放可以定义宽高的元素,所以需要设置一个display:inline-block 调整 2022年08月21日 在没有设置过transform-origin属性时,CSS变形进行...

yekong 4个月前 (08-21) 329℃ 0喜欢

css实现文字外发光

css实现文字外发光
2年前做了一个大屏项目重要目标预警与智慧分析系统,因为标题需要一个外发光效果,当时偷懒标题是直接用的图片,现在用css的方式实现一下。 代码实现 通过text-shadow来实现外发光效果 text-shadow:0 0 3px #60E3D5; h3 { font-si...

yekong 5个月前 (07-17) 315℃ 0喜欢