一.想要布局图片,当然是要一些图片咯,也需要一个边框比如图1,我用红线画出来的哪个,图1就是我需要布局的一些样式了。

图1
CSS3旋转照片布局
三. 首先呢!我们得创建一个HTMl,与css,然后body里面创建一个类,往类里面创建img图片元素,你喜欢多少张图片就创建多少个img就行了,图2,就是设置一下,创建的类的宽度,高度,以及背景图片的大小而于,图3就是设置后的样式。

图2
CSS3旋转照片布局
图3
CSS3旋转照片布局
四.如图4所示,这就是一张一张图片通过rotate的旋转而得到的,如图5,在img的筛选择器加rotate,也通过hover伪类来鼠标来移进也有一个旋转的样式,还给了transition的一个动漫效果,从而达到这样的效果。

图4
CSS3旋转照片布局
图5
CSS3旋转照片布局

相关文章:

  • 2021-12-26
  • 2021-04-07
  • 2021-06-29
  • 2022-02-07
  • 2021-07-01
  • 2021-11-21
  • 2021-10-10
  • 2021-07-12
猜你喜欢
  • 2021-05-22
  • 2022-02-08
  • 2022-02-08
  • 2021-12-02
  • 2021-04-12
  • 2022-02-08
  • 2021-07-07
相关资源
相似解决方案