HTML页面设计——动态照片环

#前端开发

##html 超文本标记语言 结构 学习他的标签

##css 美化页面

其实一部分的网站首页应用了照片环的原理，使得页面看起来更加美观，这里为大家分享一个简单的照片环编写。

一、准备好以下素材：

二、新建一个HTML文件，这里就取名“01-照片环”好了。

三、现在开始编写具体内容，照片环说白了就是几个照片构成的所以body只要写就可以了，编写的时候注意图片的格式是.jpg、.png还是.gif(动态图)。

接下来我们编写CSS样式，这里就直接在头标签里面加一个

其实大家也都看得出来，图片的格式都是一个一个单独设置的，因为难点就在这里，旋转角度就要随着不断旋转、改变。

最后成图是这样的，鼠标左右滑动即可自动滑动图片。

大家喜欢我的style可以直接嵌入以下代码：

好了，今天的分享就到这里，觉得喜欢的记得收藏点赞哦。