首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
css案例
RMRF
创建于2025-02-07
订阅专栏
HTML+CSS+JavaScript案例合集
暂无订阅
共7篇文章
创建于2025-02-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【css案例】loading加载(二)
通过HTML结构创建12个元素,CSS中使用@keyframes进行动画控制,使得每个元素依次旋转并呈现出渐变的透明度效果,从而形成一个动态的加载动画
【css案例】汉堡按钮抽屉功能
使用纯 HTML、CSS 和 JavaScript。当点击汉堡菜单时,通过修改 input 的 checked 状态来控制抽屉的开关
【css案例】炫酷的发光按钮
通过CSS的transition和box-shadow等特性来实现平滑的动画和光效,鼠标悬停时,按钮的边缘会扩展,呈现出亮橙色的光辉效果
【css案例】旋转立方体
盒子的六个面通过 transform 属性以 3D 方式定位,其中一个面显示了文本 "Hello World",通过 @keyframes 动画,盒子会持续旋转,给人一种动态视觉效果
【css案例】loading加载(一)
通过HTML和CSS实现了多个不同样式的加载动画。包括波浪动画、旋转圆环、进度条、以及上下跳动的点状动画等,所有的元素通过CSS的动画和关键帧(@keyframes)实现流畅的过渡效果。
【css案例】底部波浪动画
这是一个使用HTML和CSS创建的波浪动画效果页面,通过固定定位的.wave容器和绝对定位的.wave-item元素,实现波浪滚动动画。
【css案例】猫头鹰登陆表单效果
猫头鹰动画密码框:聚焦密码输入框时,猫头鹰挡眼睛、举手;失去焦点时,恢复常态。HTML构建结构,CSS实现动画与样式。