37 slide switching effects for CSS3 pictures
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>37种效果html5 css3图片幻灯片切换特效</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" type="text/css" href="css/fxsmall.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<div class="container">
<header class="codrops-header">
<nav class="codrops-demos">
<a class="current-demo" href="index.html">Small Component</a>
<a href="index2.html">Full Width</a>
<a href="index3.html">Transparent</a>
</nav>
</header>
<section>
<div class="custom-select">
<select id="fxselect" name="fxselect">
<option value="-1" selected>选择一种效果...</option>
<option value="fxCorner">Corner scale</option>
<option value="fxVScale">Vertical scale</option>
<option value="fxFall">Fall</option>
<option value="fxFPulse">Forward pulse</option>
<option value="fxRPulse">Rotate pulse</option>
<option value="fxHearbeat">Hearbeat</option>
<option value="fxCoverflow">Coverflow</option>
<option value="fxRotateSoftly">Rotate me softly</option>
<option value="fxDeal">Deal 'em</option>
<option value="fxFerris">Ferris wheel</option>
<option value="fxShinkansen">Shinkansen</option>
<option value="fxSnake">Snake</option>
<option value="fxShuffle">Shuffle</option>
<option value="fxPhotoBrowse">Photo Browse</option>
<option value="fxSlideBehind">Slide Behind</option>
<option value="fxVacuum">Vacuum</option>
<option value="fxHurl">Hurl it</option>
</select>
</div>
A picture slideshow switching effect based on jquery html5 css3 that implements 37 different switching effects, and html5 css3 web page focus chart carousel code.
All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
24 Jun 2016
Animation loading special effects implemented in pure css3
24 Jun 2016
A batch of hover special effects implemented by CSS3
![CSS3 mouse slides over animated line border special effects](http://hovertree.com/hvtimg/bjafjg/dc6vc0fh.png)
06 Jul 2016
CSS3 mouse slides over animated line border special effects
24 Jun 2016
Based on css3 cool page loading animation special effects code
24 Jun 2016
CSS3 elastic stacking image switching special effects suitable for mobile
24 Jun 2016
Based on jQ CSS3 page scrolling content element animation special effects
24 Jun 2016
CSS3 mobile side sliding menu 4 kinds of sliding menu special effects
24 Jun 2016
CSS3 practical development: Baidu news hot search word special effects practical development
24 Jun 2016
9 types of cool CSS3 images with expanded previews and animated special effects
![See all articles](/static/imghw/down_right.png)
![](/static/imghw/taglogo.png)
Hot Tools
![CSS text is combined into a heart-shaped animation special effect](https://img.php.cn/upload/jscode/000/000/001/5a41aee69fa64854.png)
CSS text is combined into a heart-shaped animation special effect
CSS text is combined into a heart-shaped animation special effect
![CSS3 SVG expression flower animation special effects](https://img.php.cn/upload/jscode/000/000/001/58d8cebcc2691208.jpg)
CSS3 SVG expression flower animation special effects
SS3 SVG confession flower animation special effect is a Valentine's Day animation special effect.
![CSS shopping mall websites commonly use left category drop-down navigation menu code](https://img.php.cn/upload/jscode/000/000/001/5a3db819dcdbc612.png)
CSS shopping mall websites commonly use left category drop-down navigation menu code
CSS shopping mall websites commonly use left category drop-down navigation menu code
![jQuery+CSS3 Valentine's Day love special effects](https://img.php.cn/upload/jscode/000/000/001/58d8d3ea886c2698.jpg)
jQuery+CSS3 Valentine's Day love special effects
jQuery+CSS3 Valentine's Day Love Special Effect is a Valentine's Day hanging swinging heart animation special effect.
![css3 spoon scooping up glutinous rice balls animation special effects](https://img.php.cn/upload/jscode/000/287/557/6209ad3adc2fc558.png)
css3 spoon scooping up glutinous rice balls animation special effects
A bowl of cute glutinous rice balls expression, a spoon scooping up a glutinous rice balls animation special effects
![](/static/imghw/taglogo.png)