![](https://img-blog.csdnimg.cn/20210525112259877.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
文章平均质量分 64
css
蜗牛与藤曼
天天想要转行的秃头码农
展开
-
CSS样式优化
css样式优化边框样式 -- 四角边框原创 2022-08-15 16:07:32 · 171 阅读 · 0 评论 -
纯CSS实现动态圆圈大小弹性变化特效动画
纯CSS实现动态圆圈大小弹性渐变特效动画<!DOCTYPE HTML><html> <head> <title>纯CSS3实现圆圈动态发光特效动画</title> <style> body { background-color: #000000; } @keyframes twinkling { 0%原创 2020-08-26 10:37:58 · 1777 阅读 · 0 评论 -
css 禁止点击事件触发
css 禁止点击事件触发鼠标不可点击主要是两种表现:1.鼠标不可点击时的显示状态cursor: not-allowed2.禁止触发点击事件pointer-events:none原创 2020-07-31 16:12:51 · 1155 阅读 · 0 评论 -
原生css实现特殊形状
1.原生css画一个三角形.a{ width: 0; height: 0; border-width: 100px; border-style: solid; border-color: transparent #0099CC transparent transparent; transform: rotate(90deg); /*顺时针旋转90°*/ }&原创 2020-06-09 12:53:06 · 155 阅读 · 0 评论 -
css中@media的用法
在css中我们使用media标签来区分调用哪个css样式,比如使用media="print"来表示当执行打印文档时,使用print.css样式。这样使得文档更有得于打印,如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。1.media标签的10个值常用的并不多,当没有media标签时,默认为media=“all”。all-- 用于所有设备类型aural-- 用于语音和音乐合成器braille-- 用于触觉反馈设备embossed-- 用于凸点字符(盲文)印刷设备handheld-- 用于小原创 2020-06-09 09:52:25 · 3169 阅读 · 0 评论 -
css中@support的用法
可用于:浏览器的兼容性问题CSS中的@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持某个属性,你也可以提供另外一套样式作为替补。但是这里有一点需要注意的是:@support对于浏览器的版本也是有要求的,不是说所有的浏览器以及其所有的版本都是支持@support的。1.基本语法是这样的:@support(prop:value){/自己的样式/}@supports (display: flex) { div { displ原创 2020-06-09 09:14:17 · 1220 阅读 · 0 评论