首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
20141108mark
更多收藏集
微信扫码分享
微信
新浪微博
QQ
40篇文章 · 0订阅
CSS filter 生成不规则边框
之前做过很多特殊的布局,比如在这两篇文章 CSS 实现优惠券的技巧 (juejin.cn)、CSS 实现支持渐变的提示框(tooltips) (juejin.cn),如下 但是一直有一个痛点就是:无法
带你探索神秘的“幽灵空白节点”
在日常开发编写 CSS 代码的时候,时常会遇到一些奇怪的现象。比如以下几个场景 图 1 中,图片下面为什么会出现一段空白高度? 在我们正常的认知中,块级元素的height在不设置具体值的时候,默认为0
1.5 万字 CSS 基础拾遗(核心知识、常见需求)
本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长,但较基础,适合初级中级前端阅读,阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久,也参考了许多优秀的文章,但或许文章里还是存在不好或不对的地方,请多多指教,可以评论里直接提出来哈。 小t…
基于CSS3-perspective的视差滚动
如图所示,紫div和蓝div的滚动速度是不同的,比如用户滚动了300px,但蓝div按1:2,只滚动了150px,而紫色div按1:1,滚动了300px。 是不是比起普通网站多了一层酷炫?想知道如何实现吗?接下来我们进入part2。 1.建立一个容器元素,设置 overflow…
【CSS 进阶】试试酷炫的 3D 视角
详细介绍了时下热门 CSS3 3D 技术,合理运用在页面上可极大提高页面的关注度。
CSS 文字装饰 text-decoration & text-emphasis
在 CSS 中,文字算是我们天天会打交道的一大类了,有了文字,则必不可少一些文字装饰。 本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis,在最后,还会讲解使用 background 模拟文字下划线的一些有趣的动效。 text-…
奇妙的 CSS MASK
本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义,mask 译为遮罩。在 CSS 中,mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出现已经有一段时间了,只是没有特别多实用的场景,在实战中…
CSS 故障艺术
本文的主题是 Glitch Art,故障艺术。 什么是故障艺术?我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉,看起来具有闪烁、震动的效果,很吸引人眼球。 故障艺术它模拟了画面信号出现故障导致成像错误的感觉。青色色块与红色色块无法重合就是这种故障的…
CSS 实现优惠券的技巧
在实际 Web 开发过程中,总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式,就是一种在活动充值页非常普遍的优惠券效果,如下 首先,碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩,可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…
夜12点,头秃的那家伙,还在用 CSS 处理图片上的文字
做项目过程中,我们可能会遇到这样的一个组件,该组件的图像上方是文本。 在某些情况下,根据所使用的图像,文字难以阅读,如文字是白色的,背景图偏浅。 这种情况有一些不同的解决方案,例如添加渐变叠加或着色的背景图像,文本阴影等。 每个解决方案都应该解决一个问题。 我们来探讨本案的问题…