首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS以及兼容性处理
订阅
3Lunavis
更多收藏集
微信扫码分享
微信
新浪微博
QQ
18篇文章 · 0订阅
神奇的 CSS,让文字智能适配背景颜色
最近几天,有好几个同学都问了同样一个问题。 页面上有一段文本,能否实现这段文本在不同背景色下展示不同的颜色?也就是俗称的智能变色。像是下面这样: 文本在黑色底色上表现为白色,在白色底色上表现为黑色。看
探索CSS单行文字居中,多行文字居左的实现方式
琢磨了一下,当时我还真按照产品经理的逻辑,通过js判断一下文字的高度,如果超过一行,就添加一个类名,而且这样的文字很多地方都有,所以还做了遍历,还有最重要的一点是关于方法执行的时机,有可能刚加载的时候高度还获取不到(当时好像还用了定时器,还造成了先居中随后居左跳动的现象)...…
CSS 文本超出提示效果
在 mac 文件管理中有这样一个小细节。 当文件名不超过一行时,完整显示,此时鼠标放上去无任何提示 当文件名超过一行时,出现省略号,此时鼠标放上去提示显示完整文件名。一起看看如何实现吧
[CSS]线性渐变的凹面矩形过渡动效
本文聊一聊线性渐变的凹面矩形过渡动效的难点和思路,主要介绍凹面矩形实现、给凹面矩形加线性渐变、线性渐变背景色的过渡。如果有更好的实现方案,欢迎在评论区和我讨论。 使用radial-gradient径向渐变来实现,将渐变的模糊距离缩小到0就能看到清晰的圆形界限。 径向渐变如果模糊…
CSS进阶知识扫盲
CSS其实远比我们想象的更复杂、他的任意一个点拿出来可能都可以写出一篇篇幅不小的文章,往往就能见微知著。所以CSS不仅仅局限于他的名字,层叠样式表,更像是一个世界,一个网页中必不可少的重要组成。 围绕着上面的CSS体系,当然上面的图可能还不够全面,但是也能说明CSS的主要构成了…
思路分享:如何尝试创建自己的CSS框架?
在2019年,我创建了一个CSS框架并将其命名为Rotala.css。经过一些重构和修改,我终于在2020年发布了 "玩具 "框架。但它仍在原型设计中,因为我认为我的解决方案还不优雅。 我构建此框架的原因很简单:我自己想要一个CSS框架。 我知道从头开始构建它会花费很多时间。因…
CSS 架构指南
以命令式风格写 CSS 会很快地导致混乱的 UI 和 CSS。不用说都能体会到开发者心中的怒火熊熊!这还将导致乱七八糟的 UX。 英文原文地址:http://www.zcfy.cc/article/css-architecture-guidelines-1099.html
《CSS世界》中提到的实用技巧
以下技巧的具体原理和解释请支持张老师的《CSS世界》,在这里不做展开。 一部分没录入的技巧原因是部分属性将被标准废弃,如:clip。还有一部分是因为个人觉得兼容性不好,而且CSS3的一些特性可以弥补,比如text-align:justify;,完全可以用flex布局实现。 应网…
兼容iphone x刘海的正确姿势
,我的天,等了这么久你给我看这个?码农慌得一批满地找新 iphone 的逻辑像素,然后想着怎么兼容这刘海和胡子。 其实对于 web 前端来说,刘海在绝大多数的场景下是可以不用处理的,因为 safari 或客户端(微信,手Q等)的 statusBar 已经替我们抹平了顶部刘海,我…
深入理解贝塞尔曲线
贝塞尔曲线于 1962 年,由法国工程师皮埃尔·贝济埃(Pierre Bézier)所广泛发表,他运用贝塞尔曲线来为汽车的主体进行设计。 贝塞尔曲线主要用于二维图形应用程序中的数学曲线,曲线由起始点,终止点(也称锚点)和控制点组成,通过调整控制点,通过一定方式绘制的贝塞尔曲线形…