css3实行一个转动的六边形
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>body,html {width: 100%;height: 100%;}body {perspective: 1000px;}.container {/* 给容器设置一个高宽 */width: 360px;height: 260px;/* 绝对布局 */position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);/* 设置3D动画 */transform-style: preserve-3d;transition: 3s;animation: m1 8s infinite;}/* 动画关键帧 */@keyframes m1{0%{transform: translate(-50%,-50%) rotateY(0deg)}100%{transform: translate(-50%,-50%) rotateY(100deg)}}/* img标签 */img {width: 360px;/* height: 200px; */position: absolute;background-position: center;}.a1 {transform: rotateY(0deg) translateZ(300px);}.a2 {transform: rotateY(60deg) translateZ(300px);}.a3 {transform: rotateY(120deg) translateZ(300px);}.a4 {transform: rotateY(180deg) translateZ(300px);}.a5 {transform: rotateY(240deg) translateZ(300px);}.a6 {transform: rotateY(300deg) translateZ(300px);}/* 鼠标悬停 */.container:hover{/* transform: translate(-50%,-50%) rotateY(110deg) */}</style></head><body><div class="container"><img class="a1" src="images/img_0.jpg" /><img class="a2" src="images/img_1.jpg" /><img class="a3" src="images/img_2.jpg" /><img class="a4" src="images/img_3.jpg" /><img class="a5" src="images/img_4.jpg" /><img class="a6" src="images/img_5.jpg" /></div></body>
</html>
新手小白大佬勿喷
![[翻译]循环神经网络不可思议的有效性](https://img-blog.csdnimg.cn/20200516202213703.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE4MjAwMA==,size_16,color_FFFFFF,t_70)
