首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
微信号
更多收藏集
微信扫码分享
微信
新浪微博
QQ
14篇文章 · 0订阅
ziven27
3年前
CSS
我说 CSS 类名可以缩写,你不要打我!
当我们遇到一种与自己认知不同的方案或者观点的时候,情感上的喜欢和不喜欢肯定是冲在我们前面的,这是我们的本能无可厚非。你不喜欢一个人,你就很难注意到他身上的优点,你喜欢一个人你本能会忽略这个人身上的缺点。 像最开始我不喜欢 BEM 一样,我觉得它让我的 CSS 名称又长又臭。当我…
5205
32
20
小生方勤
3年前
CSS
前端
【前端词典】几个有益的 CSS 小知识
今天偷个懒,不长篇大论,分享几个你可能不知道的 CSS 小知识。 答案你们应该是知道的。 样式选择器中间的空格是什么?它的名字是 —— 后代选择器。 耗能与否取决于项目的体积,但不建议使用没有意义的后代选择器。例如: 因为浏览器首先会找到所有 p 标签,然后再向上查找包含 cl…
7343
148
13
mmmmm
4年前
CSS
用CSS画一个带阴影的三角形
1. 思路 2. 设计 我们再定义一个与容器颜色相同的盒子, 将上半部分盖住就可以啦. 3. 最终解决方案代码
7678
52
9
View6903
3年前
CSS
前端
【译】不止是 box-shadow,用 css 能表现的各种影子,以及各种陷阱!
一般要加阴影,就会想到要用 css 的 box-shadow 吧,实际上还有好几种表现方式。暂且不说网页,在逐年变化的设计潮流里,怎么处理阴影也是很重要的一个课题。 就比如说早些时间流行的长投影,以及今年开始流行的 Neumorphism(拟态)什么的。其独特的影子表现手法,也…
3862
104
5
小生方勤
4年前
CSS
前端
【前端词典】提高幸福感的 9 个 CSS 技巧
在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用,觉得挺高效实用,所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候,padding 和 margin 两个是常用的属性,但我们…
5.8w
1840
122
果冻tfzwgd
4年前
CSS
CSS实现两个球相交的粘粘效果
这是一个纯粹利用CSS所做出来的效果,这个效果说穿了就是一个图像处理的原理,做法跟Photoshop里头的几乎一模一样,只是一个用图层和色版来制作,一个则是用CSS(把div当成图层思考就好了)。 一开始我们来玩Photoshop,会比直接写CSS来得容易理解(没有Photos…
8795
300
23
Chokcoco
4年前
CSS
CSS 火焰?不在话下
正文从下面开始。 今天的小技巧是使用纯 CSS 生成火焰,逼真一点的火焰。 嗯,我们需要使用 filter + mix-blend-mode 的组合来完成。 如上图,整个蜡烛的骨架, 除去火焰的部分很简单,掠过不讲。主要来看看火焰这一块如何生成,并且如何赋予动画效果。 模糊滤镜…
1.1w
385
59
前端星球
4年前
CSS
一起搞懂 CSS 水平居中与垂直居中的16个方法
以上是 CSS 水平居中的 8 种方法。 注:① 子元素 line-height 值为父元素 height 值。② 单行文本。 适应 IE7。 元素高度可以动态改变, 不需再CSS中定义, 如果父元素没有足够空间时, 该元素内容也不会被截断。 IE6~7, 甚至IE8 beta…
2.5w
498
38
Mr_兔子先生
3年前
JavaScript
干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
数字增长等。相信很多人都已经自己独立实现过了,我也在网上看了一些demo,发现HTML结构大多比较复杂,用了4个并列的标签来放置前后两个“牌”。本文就来讲解下,如何进一步精简HTML,让结构简单,让JS方法封装得易使用。先来看看最终效果: down:表示向下翻牌动效,还有对于的…
2.1w
955
101
Chokcoco
3年前
CSS
前端
你所不知道的 CSS 负值技巧与细节
写本文的起因是,一天在群里有同学说误打误撞下,使用负的 outline-offset 实现了加号。嗯?好奇的我马上也动手尝试了下,到底是如何使用负的 outline-offset 实现加号呢? 修改 outline-offset 到一个合适的负值 ,那么在恰当的时候,outli…
1.9w
899
50