<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>可爱甜美风格的CSS3动画幻灯片特效</title>
<link rel='stylesheet' href='css/font-awesome.min.css'>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body><script src="/demos/googlegg.js"></script>
<div class='ui'>
<div class='ui_inner'>
<div class='ui_fruit'>
<img src='img/treats.png'>
</div>
<div class='ui_basket'>
Basket
<i class='fa fa-shopping-cart'></i>
</div>
<div class='ui_inner__selection'>
<input checked='checked' id='lovely' name='selection' type='radio'>
<label for='lovely'>
<div class='selected l'>Lovely cupcake</div>
<div class='ui_inner__slider'>
<div class='sb'>
<img src='img/starburst2.png'>
</div>
<div class='slide'>
<div class='slide_inner'>
<div class='slide_inner__left'>
<img src='img/cupcake1.png'>
<div class='firework'>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
</div>
</div>
<div class='slide_inner__right'>
<h2>Lovely cupcake</h2>
<h3>$4.99 <span> Pack of 10</span></h3>
<p>Pie cupcake caramels marshmallow ice cream icing. Brownie biscuit candy macaroon dessert ice cream halvah. Cheesecake sweet roll marzipan brownie lollipop gummies.</p>
<input type='text' value='10'>
<input class='hid' id='add' type='checkbox'>
<label for='add'>
<div class='add'>
Add to cart
<div class='firework'>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
</div>
</div>
</label>
</div>
</div>
</div>
</div>
</label>
<input id='super' name='selection' type='radio'>
<label for='super'>
<div class='selected s'>Super cupcake</div>
<div class='ui_inner__slider'>
<div class='sb'>
<img src='img/starburst2.png'>
</div>
<div class='slide'>
<div class='slide_inner'>
<div class='slide_inner__left'>
<img src='img/cupcake2.png'>
<div class='firework'>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div class='firework_part'></div>
<div
可爱甜美风格的CSS3动画幻灯片特效.zip
版权申诉
36 浏览量
2023-09-25
13:45:19
上传
评论
收藏 786KB ZIP 举报
可爱甜美风格的CSS3动画幻灯片特效.zip （17个子文件） 
img 
cupcake2.png 83KB cupcake1.png 87KB food.png 5KB starburst2.png 91KB cupcake4.png 86KB cupcake3.png 74KB treats.png 73KB css 
style.css 97KB bootstrap.min.css 111KB demo.css 753B normalize.css 2KB font-awesome.min.css 21KB
index.html 21KB fonts fontawesome-webfont.eot 55KB fontawesome-webfont.woff 52KB
fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB资源评论
