css hex动画效果
代码语言:html
所属分类:动画
代码描述:css hex动画效果
代码标签: 效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #wrapper { width: 214px; height: 251px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hex { position: absolute; z-index: 99; top: 94px; left: -4px; animation-name: beesandbombs; animation-duration: 8s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.82, 0.01, 0.24, 0.98); } @keyframes beesandbombs { 0% { top: 94px; left: -4px; transform: rotate(0deg); visibility: visible; } 15% { top: 31px; left: -1px; transform: rotate(-61deg); } 30% { top: 1px; left: 54px; transform: rota.........完整代码请登录后点击上方下载按钮下载查看
网友评论0