css照片翻转动画（当鼠标悬停在图片上方时图片翻转）

最新推荐文章于 2024-08-08 19:32:21 发布

qq_zjj

最新推荐文章于 2024-08-08 19:32:21 发布

阅读量2.5k

点赞数 3

分类专栏：前端翻页动画文章标签： html css css3

本文链接：https://blog.csdn.net/qq_36765830/article/details/105347663

版权

这篇博客介绍了如何使用CSS3创建一个照片翻转动画，当鼠标悬停在图片上时，图片会翻转90度，文字介绍也随之翻转，提供HTML和CSS代码示例，并建议读者在浏览器中查看实际效果。

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

css照片翻转动画

第一次写博客也不知道怎么排版有什么建议私信我
- 鼠标悬停时图片旋转到垂直于视线的90度位置文字介绍旋转在垂直于视线的位置

这是html代码

<!DOCTYPE html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
     <div class="wrap">
         <ul class="box">
             <li class="plane one">
                 <img src="img/hg7.jpg"/>
                 <p>
                     <i>胡歌，1982年9月20日出生于上海市徐汇区，中国内地男演员、歌手。
                     1996年，14岁的胡歌便成为上海教育电视台的小主持人，2005年毕业于上海戏剧学院表演系。
                     </i>
                 </p