页脚代码 2024-09-07 01:07:49

<!DOCTYPE html>

<html>

<head>

<style>

.book-page {

position: absolute;

top: 0;

left: 0;

width: 80px;

height: 80px;

background-color: #f8fcf2;

border-radius: 5px;

box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

transform: perspective(600px) rotateX(0deg) rotateY(0deg);

transition: transform 0.3s ease-in-out;

}

.book-page:hover {

transform: perspective(600px) rotateX(-15deg) rotateY(15deg);

}

.page-front,

.page-back {

position: absolute;

width: 100%;

height: 100%;

background-size: cover;

background-position: center;

border-radius: 5px;

}

.page-front {

background-image: url('front-page.jpg');

}

.page-back {

background-image: url('back-page.jpg');

transform: rotateY(180deg);

}

.center-text {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

text-align: center;

font-size: 20px;

font-weight: bold;

color: #007BFF; /* 科技蓝 */

}

</style>

</head>

<body>

</div>

</body>

</html>

本文地址：https://sou.vzanw.com/html/zixun/127.html

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。联系邮箱：eko1992@163.com

页脚代码 2024-09-07 01:07:49 网络

页脚代码 2024-09-07 01:07:49