2021-04-29

 

图片转动

1. 双击打开DW，点击左上角的文件后选择新建，然会出现一个选项框，找到文件类型下面的HTML，然后双击创建新的页面

 

1. 页面创建好之后在body标签里面新建一个名为box的div,然后再在box的div里面创建一个名为box1的div

1. div创建好之后我们就给div设置基本的样式，然后再给box1设置一张图片

 

来看一下效果！

 

 

 

­­­­­

 

 

1. 然后再给box设置animation属性（@keyframes 规定动画。animation-name 规定 @keyframes 动画的名称，animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。 3 animation-timing-function 规定动画的速度曲线。默认是 "ease"。 3）

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

来看一下效果！

 

 

 

5、我们还可以给box设置伪类效果，

 

 

 

 

6、当我们把鼠标移动到图片上时，图片会出现一个渐变成圆的效果

 

 

以上就是我的分享！