MXROC

HTML+CSS+JS 立体字时钟

实现了一个时钟效果，包括一个背景颜色为淡粉色的容器和一个使用Google字体库中的Kanit字体的时钟。时钟使用了flex布局，使其水平和垂直居中。时钟的数字使用了Kanit字体，字体大小为150px，字体加粗，阴影效果使用了多个不同颜色和......

Miroc 2024年07月06日阅读(99+) 评论(0) 喜欢(0)

教程

实现了一个3D立体旋转相册的效果，包括一个容器（.container）、一个外部盒子（.out-div）、一个内部盒子（.in-div）和一个旋转动画（@keyframes）。外部盒子和内部盒子都包含一张图片，通过旋转和移动实现立体效果。整......

Miroc 2024年07月05日阅读(99+) 评论(0) 喜欢(0)

教程

实现了一个简单的加载动画效果，包括一个圆形的加载器，它由三个不同颜色的圆环组成，每个圆环都沿着圆形路径旋转。这个加载器是通过使用CSS动画和伪元素来实现的。背景色为黑色。实现代码<!DOCTYPE html> <html ......

Miroc 2024年07月04日阅读(99+) 评论(0) 喜欢(0)

教程

实现了一个图片轮播卡片的效果，包括一个容器（.container）、一个卡片（.card）、一个图片（.img）、一个内容区域（.content）和一个滑动条（.slider）。卡片包含一张图片和一些文本内容，图片可以通过滑动条进行切换。整......

Miroc 2024年07月03日阅读(99+) 评论(0) 喜欢(0)

教程

实现了一个倒计时动画效果，包括数字区域和倒计时结束区域。数字区域显示倒计时数字，数字进入时有动画效果，数字离开时也有动画效果。倒计时结束后，数字区域隐藏，倒计时结束区域显示，显示时也有动画效果。用户可以点击重新开始按钮重新开始倒计时。实现代......

Miroc 2024年07月02日阅读(99+) 评论(0) 喜欢(0)