首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS
前端Hardy
创建于2024-10-21
订阅专栏
分享有趣的CSS小案例
等 37 人订阅
共189篇文章
创建于2024-10-21
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
HTML&CSS:超好看的轮播图,你绝对用得上(建议收藏)
这段代码实现了一个具有现代设计风格的网页,包含响应式导航栏、图片轮播功能和交互式菜单。它结合了HTML、CSS和JavaScript技术,提供了良好的用户体验。 大家复制代码时,可能会因格式转换出现错
HTML&CSS:惊了!纯 HTML 打造会 “变脸” 评分界面,交互体验绝了
这个HTML实现了一个简洁而富有交互性的评分界面,通过动态表情反馈增强了用户体验,适用于网页应用中的用户反馈或评分功能。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行
HTML&CSS:超实用的登录页面(建议收藏)
这段HTML和CSS代码实现了一个具有动态效果的登录表单,包含用户名和密码输入框、提交按钮和加载动画。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问
HTML&CSS:用户体验必备!表情包结果反馈卡片
这段HTML和CSS代码实现了一个具有动态动画效果的成功和错误提示框,每个提示框包含一个表情图标、提示信息和一个按钮。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测
HTML&CSS:动态切换简介卡片,面试官一眼记住你
这段HTML和CSS代码实现了一个具有动态交互效果的个人简介卡片,包含多个部分(如“关于”、“工作经验”和“联系方式”),用户可以通过底部的按钮切换不同的内容区域。 大家复制代码时,可能会因格式转换出
HTML&CSS:必看!3D 书籍展示,封面 “自动翻开” 超带感
这段HTML和CSS代码实现了一个具有3D效果的书籍展示页面,包含书籍的封面、页面和书脊。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题,私信回复
HTML&CSS:必学!跳跃的动态标题
这段代码实现了一个动态的标题效果,其中每个字母依次跳动,营造出一种活泼的视觉效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题,私信回复源码两字
HTML&CSS:速看!手把手教你实现超酷的动态滑动卡片(建议收藏)
这段HTML和CSS代码实现了一个具有动态滑动效果的卡片式图片展示页面,包含三个不同的图片和对应的内容描述。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能
HTML&CSS:多边形动态卡片
这些代码结合了CSS的渐变背景、动画、变换和混合模式,创建了一个视觉上引人入胜且交互性强的动态效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题
HTML&CSS&JS:一个高颜值精致的响应式官网页面(建议收藏)
Sweetly Sculpted 的官网不仅是一个展示蛋糕艺术的平台,更是一个讲述品牌故事和工艺的窗口。通过精心设计的页面布局、丰富的视觉效果和友好的用户体验,这个网站成功地吸引了目标客户,并为他们提
HTML&CSS:网页设计必备!天气开关
这段代码实现了一个动态的天气开关组件,通过CSS的伪元素、过渡效果和SVG图标,增强了视觉效果和用户交互体验。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未
HTML&CSS:创意页面必备!卡片悬停效果
这段代码实现了一个响应式的卡片布局,每张卡片包含背景图片、悬停信息和内容区域。通过CSS的悬停效果和过渡动画,增强了用户体验和视觉效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先
HTML&CSS:效果超惊艳的六边形卡片悬停特效
这些代码实现了一个动态的六边形网格布局,每个六边形卡片包含背景图片、标题和描述文本。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题,私信回复源码两
HTML&CSS:必学!用骨架屏卡片布局,让信息页“高级感爆棚”
这段代码实现了一个简洁的卡片式布局,适用于展示电影信息或其他内容。通过骨架屏效果模拟加载状态,增强了页面的交互性和用户体验。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码
HTML&CSS:纯CSS实现3D立方体二维码旋转特效
这段代码实现了一个动态旋转的立方体,每个面都带有独特的二维码背景图案。通过CSS的3D变换和动画功能,创建了一个视觉上引人入胜的效果,适用于展示CSS的3D和动画能力。 大家复制代码时,可能会因格式转
HTML&CSS :颜值爆表的导航菜单
这段 HTML 和 CSS 代码实现了一个具有现代感的卡片式界面,展示了多个带有图标的菜单选项。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题,私
HTML&CSS :美如画的音乐播放器卡片
这段 HTML 和 CSS 代码实现了一个音乐播放器的界面,包含歌曲信息、播放控制、音量调节、播放进度等功能。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未
HTML&CSS&JS:必学!用动态导航栏,让网页颜值飙升 10 倍
这段代码实现了一个具有动态视觉效果和交互功能的导航栏页面,通过 CSS 的高级特性和 JavaScript 的动态生成逻辑,营造出独特的视觉体验。 大家复制代码时,可能会因格式转换出现错乱,导致样式失
HTML&CSS :1 分钟学会,飞虫变色特效卡片
这段 HTML 和 CSS 代码实现了一个具有动态效果的网页布局,主要展示了一只“飞虫”在引号中的文字旁“飞舞”的效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行
HTML&CSS :用 CSS 遮罩,让产品展示图 “高级感爆棚”
这段HTML和CSS代码实现了一个简单的网页布局,展示了两张图片,并通过CSS的mask属性为图片添加了特殊的遮罩效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行
下一页