<!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>
<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 class='firework_part'></div>
适合甜品店的CSS3幻灯片特效.zip
版权申诉
172 浏览量
2022-11-26
11:03:33
上传
评论
收藏 916KB ZIP 举报
适合甜品店的CSS3幻灯片特效.zip （19个子文件） 
适合甜品店的CSS3幻灯片特效 jiaoben4607 css 
bootstrap.min.css 111KB demo.css 753B font-awesome.min.css 21KB style.css 97KB normalize.css 2KB img 
cupcake3.png 74KB starburst2.png 91KB cupcake4.png 86KB cupcake1.png 87KB treats.png 73KB cupcake2.png 83KB food.png 5KB fonts fontawesome-webfont.eot 55KB fontawesome-webfont.woff 64KB FontAwesome.otf 84KB
fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB
index.html 21KB
适合甜品店的CSS3幻灯片特效.jpg 56KB资源评论
