MXROC

HTML+CSS+JS 动态雨滴效果

实现了一个动态雨滴效果，基于canvas实现，简单而又美丽的元素，总能给人们带来一份清凉和舒适。实现代码<!DOCTYPE html> <html lang="en"> <head>......

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

实现了一个时钟效果，包括一个背景颜色为淡粉色的容器和一个使用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)