首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS 效果
订阅
薰衣草的眼泪
更多收藏集
微信扫码分享
微信
新浪微博
QQ
51篇文章 · 0订阅
CSS 全新属性如何实现一个内凹圆角
写在开头 学会shape()之后可以轻松完成如下各种不规则图形的效果! 什么是shape() 语法 为什么需要shape() 我们之前已经有了很多clip-path类型为什么还需要shape(),官方
CSS 系列:很有用的新属性 display: contents
💭 WHAT display: contents,这是 CSS 中一个很有用的属性值。它可以让一个元素在布局中“消失”,但它的子元素仍然会保留在文档流中,就好像这个元素从未存在过一样。这意味着,原本由
CSS 实现九宫格缩放(9-slice scaling 不变形拉伸)
...通常都有一些炫酷的效果 比如这样的 这样的 还有这样的 哎等等,你发现没有,后面两张的窗口长得很相似,只是第二张比较矮,第三张比较高,那么是不是要做两张素材来支持这种形式呢?...
纯 CSS 实现多标签自动显示超出数量
现代 CSS 强大的令人难以置信。 这次我们来用 CSS 实现这样一个功能:有多个宽度不同的标签水平排列,当外层宽度不足时,会自动提示超出的数量,演示效果如下 如果让我用 JavaScript来实现估
纯 CSS 检测文本是否溢出
介绍一个CSS检测文本溢出的小技巧。 一直以来,CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求,比如多行文本展开,展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断,这
利用css径向渐变radial-gradient封装stylus、sass函数制作半圆透明切角效果
前端项目中为了制作半圆切角效果,一般多用于优惠券类似效果,实现方法有很多种,直接用切图、用 canvas 绘制、用个和背景相同颜色的圆盖在上面...不过,最佳的实现方式其实是利用 css 的径向渐变
学会Grid之后,我觉得再也没有我搞不定的布局了
说到布局很多人的感觉应该都是恐惧,为此很多人都背过一些很经典的布局方案,例如:圣杯布局、双飞翼布局等非常耳熟的名词; 为了实现这些布局我们有很多种实现方案,例如:table布局、float布局、定位布
纯CSS模仿iOS中switch按钮的交互效果
使用到的知识点: 在css中定义全局变量 calc函数 伪类选择器结合input的各种状态控制 @media适配dark模式 定义css中用到的变量 在 :root{} 中,通过 --a-b的形式定义
妙用 background 实现花式文字效果
本文将讲解如何利用 `background-size` 与 `background-position` 实现酷炫的文字下划线效果以及文字逐个渐现的效果
🌅 让你的用户头像更具艺术感,实现一个自动生成唯一渐变色的头像组件
次头像组件的,预期是能够基于用户昵称字符串生成某种颜色,然后设置为渐变色背景并添加一些额外的细节就能展示出一个相对好看的头像。