HTML正方体滚动特效

最新推荐文章于 2024-07-26 08:00:00 发布

疯掉就疯掉吧

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量512

点赞数 4

分类专栏： web前端开发文章标签： html css HTML 学习

本文链接：https://blog.csdn.net/qq_62512326/article/details/125782062

版权

文章目录

注意
源代码
效果图
录屏效果

注意

一.由于代码中的插入照片都是200*200的，所以为了方便，大家可以直接修改照片的像素。
二.插入的照片一定要注意路径，不然就会没有照片效果。如下图：
在这里插入图片描述

插入照片时，最好创建一个新的文件夹，将照片归类，方便我们插入。

源代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 设置立体效果必备的样式 */
        html {
     
            perspective: 800px;
        }

        .cube {
     
            /* 与图片像素一致,一定要更改图片的像素大小 */
            width: 200px;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

疯掉就疯掉吧

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
HTML正方体滚动特效

一.由于代码中的插入照片都是200*200的，所以为了方便，大家可以直接修改照片的像素。二.插入的照片一定要注意路径，不然就会没有照片效果。如下图：三.大家只需要修改这里面的照片地址QQ录屏20220714130524...
复制链接

扫一扫