纯html+css炫酷地球仪动画效果

最新推荐文章于 2024-06-11 17:47:44 发布

阳澄居士

最新推荐文章于 2024-06-11 17:47:44 发布

阅读量2k

点赞数 3

分类专栏： Webgame 设计

本文链接：https://blog.csdn.net/zhanghefu/article/details/109237131

版权

纯html+css炫酷地球仪动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } body { .

摘要由CSDN通过智能技术生成

纯html+css炫酷地球仪动画效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            background: #000;
        }
        @keyframes runing {
            0% {
                transform: rotate(23.6deg) rotateX(-23.6deg) rotateY(0deg);
            }
            100% {
                transform: rotate(23.6deg) rotateX(-23.6deg) rotateY(360deg);
            }
        }
        .big {
            position: fixed;
            top: 50%;
            left: 50%;
            /*position: relative;*/
            width: 1000px;
            height: 1000px;
            transform: translate(-50%,-55%);
            /*background: seagreen;*/
        }
        .bigbox {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 600px;
            height: 600px;
            /*background: seagreen;*/
            transform: translate(-50%,-50%);
            perspective: 1200px;
        }
        .box {

最低0.47元/天解锁文章

阳澄居士

关注

3
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
纯html+css炫酷地球仪动画效果

纯html+css炫酷地球仪动画效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } body { .
复制链接

扫一扫

专栏目录