纯css月亮旋转动画效果
代码语言:html
所属分类:动画
代码描述:纯css月亮旋转动画效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <style> body{ background: black; } .section3{width:1000px;height:680px;margin:40px auto 0;background:url(data:image/png;base64,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.........完整代码请登录后点击上方下载按钮下载查看
网友评论0