纯css3实现的卡通房子店铺图形动画效果源码.zip资源-CSDN文库

共2个文件

html：1个

css：1个

版权申诉

css3

26 浏览量 2022-10-31 23:57:06 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

纯css3实现的卡通房子店铺图形动画效果源码.zip （2个子文件）

132692092769872163

css

style.css 9KB

index.html 2KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Shop - Flat Design</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="main"> <div class="house"> <div class="floor"></div> <div class="wall"> <div class="window"></div> <div class="door"> <div class="door__square"></div> <div class="door__line"></div> <div class="door__square"></div> </div> <div class="window"></div> </div> <div class="top"></div> <div class="circle"></div> <div class="plastic"> <div class="plastic__g"> <div class="plastic__item"></div> <div class="plastic__item"></div> <div class="plastic__item"></div> <div class="plastic__item"></div> <div class="plastic__item"></div> <div class="plastic__item"></div> <div class="plastic__item"></div> <div class="plastic__item"></div> <div class="plastic__item"></div> </div> </div> <div class="line"> <div class="line__item"></div> <div class="line__item"></div> <div class="line__item"></div> <div class="line__item"></div> <div class="line__item"></div> <div class="line__item"></div> <div class="line__item"></div> <div class="line__item"></div> <div class="line__item"></div> </div> </div> <div class="clouds"> <div class="cloud"> <div class="cloud__item"></div> <div class="cloud__item"></div> </div> <div class="cloud"> <div class="cloud__item"></div> <div class="cloud__item"></div> </div> <div class="cloud"> <div class="cloud__item"></div> <div class="cloud__item"></div> </div> <div class="bird"></div> </div> <div class="birds"> <div class="bird"></div> <div class="bird"></div> </div> <div class="tree"> <div class="tree__item"> </div> <div class="tree__item"> </div> <div class="tree__item"> </div> </div> <div class="bush"> <div class="bush__item"></div> <div class="bush__item"></div> </div> <div class="dot"></div> </div> </body> </html>

评论收藏

内容反馈

版权申诉