纯css绘制可爱小蜜蜂飞舞效果
代码语言:html
所属分类:布局界面
代码描述:纯css绘制可爱小蜜蜂飞舞效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <style> body { background: linear-gradient(to bottom, #2af, #18c); height: 100vh; margin: 0; display: flex; justify-content: center; align-items: center; } svg { width: 90vmin; height: 90vmin; } .bee { animation: flying 4s ease infinite; } .wing-1 { animation: wing-anim-1 150ms linear infinite; } .wing-2 { animation: wing-anim-2 150ms linear infinite; } .antenna-1 { animation: antenna-anim-1 820ms ease-in-out infinite; } .antenna-2 { animation: antenna-anim-2 600ms ease-in-out infinite; } .leg-1 { animation: leg-anim-1 600ms infinite; } .leg-2 { .........完整代码请登录后点击上方下载按钮下载查看
网友评论0