简单圆球水波动。手写

来源：互联网发布：杜兰特新秀体测时数据编辑：程序博客网时间：2024/05/02 06:07

<!DOCTYPE html><html><head><script src="jquery-1.11.0.js" type="text/javascript"></script><meta charset="UTF-8"><title></title><style type="text/css">* {margin: 0;padding: 0;}.nei {width: 400px;height: 400px;background: red;opacity: 0.2;border-radius: 150px;position: absolute;left: -100px;top: 57px;animation: wai 8s ease-in-out infinite;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);animation-timing-function: linear;-moz-animation-timing-function: linear;/* Firefox 4 */-webkit-animation-timing-function: linear;/* Safari 和 Chrome */-o-animation-timing-function: linear;/* Opera */}.wai {border: 1px solid #002A80;width: 140px;height: 140px;position: relative;left: 100px;top: 100px;border-radius: 100px;overflow: hidden;z-index: 100;}@keyframes wai {from {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}</style></head><body><div class="wai"><div class="nei"></div></div></body></html>

1

阅读全文

0 0