首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
阿佛加德奔
更多收藏集
微信扫码分享
微信
新浪微博
QQ
26篇文章 · 0订阅
🤡什么鬼?两行代码就能适应任何屏幕?
你可能想不到,只用两行 CSS,就能让你的卡片、图片、内容块自动适应各种屏幕宽度,彻底摆脱复杂的媒体查询! 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用!✨
2025 年,前端开发者不可不知的前端新特性
在寻找最灵活的前端工作流程和工具包时,我们很容易忘记如今一些基础的网络技术已经变得多么强大。本文将带您领略新的前端特性及其功能。组件特定样式、基于子元素的父元素样式、相对颜色——网络平台正经历激动人心
我是如何实现网页颜色自适应的
探索在网页设计中,如何实现文本颜色自适应背景色,如何允许用户自定义主题色,并且同时保证界面的可阅读性。
CSS 实现优惠券的技巧
在实际 Web 开发过程中,总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式,就是一种在活动充值页非常普遍的优惠券效果,如下 首先,碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩,可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…
纯 CSS 实现多标签自动显示超出数量
现代 CSS 强大的令人难以置信。 这次我们来用 CSS 实现这样一个功能:有多个宽度不同的标签水平排列,当外层宽度不足时,会自动提示超出的数量,演示效果如下 如果让我用 JavaScript来实现估
创意按钮交互:方向感知磁性悬停效果🧲
使用HTML、CSS和 JS创建方向感知磁性悬停按钮,使扩展的圆圈在用户的光标移动到按钮区域内时跟随光标,从而创建出磁性效果,CSS提供视觉方面,而JS添加了动态,有趣的交互为界面添加了活泼的触感
30个最优CSS动画案例分享,轻松让网页用户随心而“动”
CSS或CSS3动画,包括常见的鼠标悬停动画,网页加载动画,页面切换动画,文本动画以及背景动画等等,能够有效地提升网页趣味性和视觉吸引力。这也是为什么CSS/CSS3动画设计能够迅速蹿升为网页设计一大流行趋势的重要原因。 然而,对于网页设计师和开发工程师而言,创建一款极具趣味性…
我写CSS的常用套路
本文是笔者写CSS时常用的套路。不论效果再怎么华丽,万变不离其宗。 有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动…
纯 CSS 实现带连接线的树形组件
之前在这篇文章(CSS 实现树状结构目录)中实现了一个树状结构,效果是这样的 整个实现没有用到任何 JavaScript,非常巧妙,有兴趣可以回顾一下。 不过有时候还需要那种带连接线的样式,这样看起来
写完了Github上超火的前端50Projects,我学到了什么
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天,点击查看活动详情 项目出处:https://github.com/bradtraversy/50projects50days