下面献上我的代码,为了以后更加熟练掌握和熟练运用css,在这里做上一个笔记。

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>图片旋转</title>
        <style type="text/css">
            div{ width: 300px; height: 240px; margin:200px auto; animation: rolldiv 10s linear infinite; transform-style: preserve-3d;
            } @keyframes rolldiv{ from{
                    transform: rotateY(0deg);
                } to{ transform: rotateY(360deg);
                } }
            
            img{ width: 300px; height: 240px; opacity: 0.9; position: absolute;
            } img:nt