CSS3 perspective 属性-在线运行代码案例-大卫编程网

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 perspective属性示例- 基础教程(div.cn)</title>
<style>
    .container {
        width: 125px;
        height: 125px;
        perspective: 500px;
        border: 4px solid #e5a043;
        background: #fff2dd;
    }
    .transformed {
        -webkit-transform: translate3d(25px, 25px, 50px); /* Chrome, Safari, Opera */
        transform: translate3d(25px, 25px, 50px); /* Standard syntax */
    }
</style>
</head>
<body>
    <div class="container">
        <img src="/run/images/diamond.jpg" class="transformed" alt="Diamond Card">
    </div>
</body>
</html>