我们可以通过css来做出动画效果,下面我为大家演示的是div的旋转,颜色过渡的动画
- <!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title></title><style> a{ text-align:center; line-height:100px; transition:all 2s; width:100px; height:100px; background:pink; float:left; border-radius:50%; } a:hover{ transition:all 2s; background:red; transform-origin:50 100; transform:rotate(360deg); border-radius:50%; }</style></head><body><h1>请将鼠标移动到下面的矩形上:</h1><a> 两秒旋转360</a></body></html>
登录后复制
效果自己测试,很绚丽哦
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。