首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS
前端Hardy
创建于2024-10-21
订阅专栏
分享有趣的CSS小案例
等 41 人订阅
共195篇文章
创建于2024-10-21
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
HTML&CSS:3D 轮播图全攻略
这个 HTML 文件实现了一个具有 3D 效果的团队成员轮播展示页面,支持多种交互方式切换成员信息。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题
实测!Three.js 实现动态粒子螺旋与星环环绕动画
这个页面采用极简的 HTML 结构,完全依赖 JavaScript 和 Three.js 创建复杂的 3D 视觉效果。CSS 样式主要用于确保 Canvas 元素的全屏显示和居中定位,而所有的视觉效果
HTML&CSS:产品卡片动画效果
这个 HTML 文件创建了一个视觉效果精美的产品卡片的动画效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题,私信回复源码两字,我会发送完整的压
HTML&CSS:3D图片切换效果
这个页面实现了一个具有 3D 效果的画廊展示,用户可以通过点击缩略图来切换显示的图像。页面使用了 Three.js 库来实现 3D 渲染和动画效果,整体设计风格现代且具有视觉吸引力。 大家复制代码时,
HTML&CSS:超好看的数据卡片
这个页面实现了一个温度监测仪表盘,包含两个卡片分别显示室温和环境温度。每个卡片都有独特的颜色主题和动画效果,页面使用了 CSS 渐变和阴影来增强视觉效果。 大家复制代码时,可能会因格式转换出现错乱,导
HTML&CSS:高颜值视差滚动3D卡片
这个 HTML 文件创建了一个视觉效果精美的宣传卡片,具有视差滚动和 3D 效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题,私信回复源码两字
HTML&CSS:前端黑科技—用 Canvas 模拟量子波动
这个 HTML 文件是一个简单的前端代码示例,用于在网页上绘制动态的波函数图像。它利用 HTML5 的 canvas 元素和 JavaScript 来实现动态效果。 大家复制代码时,可能会因格式转换出
HTML&CSS:会眨眼的 AI 机器人
这个 HTML 文件通过 CSS 动画和伪元素,创建了一个简单的动画效果的机器人头像,包括眨眼、嘴巴动和头部左右晃动的效果。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码
HTML&CSS:前端 3D 黑科技:云层交互与天气展示
这个 HTML 文件是一个结合 3D 动画 和 天气信息展示 的网页,主要使用 Three.js 实现 3D 云层效果,并通过 Tailwind CSS 完成响应式布局和视觉设计。 大家复制代码时,可
HTML&CSS:看这里,动态背景卡片效果
这个页面实现了一个具有动态背景效果的卡片布局,每个卡片都有独特的背景颜色和光效。页面使用了 CSS 自定义属性和动画来增强视觉效果,整体设计风格现代且具有视觉吸引力。 大家复制代码时,可能会因格式转换
HTML&CSS:全网最全的代码时钟效果
这个页面实现了一个展示多种设计风格时钟的博物馆,每个时钟都有独特的视觉效果。页面使用了 CSS 和 JavaScript 来实现时钟的动态效果和交互功能。 大家复制代码时,可能会因格式转换出现错乱,导
HTML&CSS:卡片式提交框
这个页面实现了一个简单的订阅表单,包含一个输入框和一个提交按钮。页面使用了Flexbox布局和绝对定位来实现居中显示和装饰效果。输入框和按钮具有良好的视觉效果和交互体验,包括焦点状态和悬停效果。 大家
HTML&CSS:超有趣的登录表单
这个页面实现了一个具有 3D 效果和动画的登录表单,包含多个输入框和一个提交按钮。页面使用了 Flexbox 布局和 CSS 动画来增强视觉效果和用户体验。输入框和按钮具有良好的视觉效果和交互体验,包
HTML&CSS:领导说这个开关能打99.99分
这个页面实现了一个具有宇宙风格的3D复选框切换开关,通过CSS动画和3D效果创建了一个现代化的交互界面。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决
HTML&CSS:这个复选框打几分?
这个页面实现了一个具有霓虹灯效果的复选框,通过CSS动画和过渡效果创建了一个现代化的交互界面。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行测试,若未能解决问题,私信
HTML&CSS:有个性的复选框
这个页面实现了一个自定义样式的复选框,通过CSS动画和3D效果创建了一个现代化的交互界面。复选框在选中和未选中时显示不同的文本(Yeah!和Nope),并具有良好的视觉效果和用户交互体验。 大家复制代
HTML&CSS:音乐播放器卡片
这个页面通过 CSS 动画和 Flexbox 布局,创建了一个现代化的音乐播放器界面,具有良好的视觉效果和用户交互体验。 大家复制代码时,可能会因格式转换出现错乱,导致样式失效。建议先少量复制代码进行
HTML&CSS:纯CSS实现小游戏动画效果
这个页面实现了一个动画精灵的显示和控制功能,用户可以通过按钮选择不同的动画状态,并通过下拉选择框调整动画的帧率。页面使用了CSS变量和伪类选择器来动态控制动画效果,整体设计风格现代且具有视觉吸引力。
HTML&CSS:用Three.js创造3D书本世界
这个页面实现了一个带有3D动画效果的网页,用户可以看到一个3D场景中的书本随机放置并旋转。页面使用了Three.js库和GSAP库来实现3D效果和动画,整体设计风格现代且具有视觉吸引力。 大家复制代码
HTML&CSS:3D加载动画的实现
这个页面实现了一个带有两组不同颜色和渐变效果的加载动画。每组动画包含四个加载器,每个加载器都有一个旋转动画和光点效果。页面使用了CSS动画和渐变背景来增强视觉效果,整体设计风格现代且具有视觉吸引力。
下一页