首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
css
订阅
x辉
更多收藏集
微信扫码分享
微信
新浪微博
QQ
38篇文章 · 0订阅
CSS3最强布局-Grid布局
wc!!!你不会还在用flex布局吧,都2024年了快进来看看css3最强布局Grid布局 绝对让你眼前一亮
💥图片碎片化展示-Javascript
通过简单的Javascript操作,让你的图片碎片化出场与众不同,炫酷出天际,赶紧来瞧瞧吧~快收藏分享起来~嘿嘿。
创意卡片交互:掌握发光边角框悬停效果✨
CSS、JS制作发光边角悬停效果,当鼠标在卡片上移动时,会出现径向渐变的色彩光圈,卡片边框会特别亮,鼠标移出卡片光圈消失。使色彩光圈在鼠标移动时像磁铁一样跟随鼠标移动,给元素带来动态和吸引力
🚀🚀 手摸手开发一个很 🔥 的卡片效果
🚀🚀 手摸手开发一个很 🔥 的卡片效果 最近掘金在大力推广扣子这个 AI 平台,可以看到它首页的卡片效果还是很酷炫的;大致包含两个效果,光的跟随效果还有卡片倾斜像 3D 的效果 github 在你没有
一个炫酷的css动画
最近有一个需求,要我实现一个动画效果,效果如下 简单分析了一下效果,是一个3d的效果,首先是一个圆,接着是两段圆环,第三层是一堆小圆环,最里面是一些线上运动,有着渐变色的矩形。 第一层的圆环很简单。
CSS 实现Chrome标签栏的技巧
这次来看一个带特殊圆角导航栏布局,如下谷歌浏览器的标签栏: 这样一个布局如何实现呢?下面介绍几种方法 一、伪元素拼接 假设有这样一个 HTML 结构 首先可以考虑的一种方式就利用两个伪元素拼接 中间的
奇思妙想 CSS 文字动画
本文将会和这篇 -- CSS 奇思妙想边框动画类似,讲一些文字效果,利用不同的属性搭配,实现各式各样的文字动效。 在写各种 DEMO 的时候,有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体,它也提供了非常快…
数据大屏最简单自适应方案,无需适配rem单位
是否还在为rem适配感到烦恼?和我一样,不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量,最简单的方法解决问题。可作于学习,可用于工作。
用了这些css命名小技巧,我的代码优雅了不少!
如果您使用 CSS 有一段时间,那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的,随着代码库的增长,防止样式相互冲突并导致意外副作用变得越来越困难!
玻璃拟态是什么?前端该如何实现
你好,玻璃拟态 玻璃拟态是目前市面上的新风格,越来越受欢迎。 最重要的是使用 ` backdrop-filter: blur(6px);`给元素后面区域添加模糊效果。