Home

JS special effects

CSS3 special effects

37 slide switching effects for CSS3 pictures

Download Now Preview

<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.

Disclaimer

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

Animated loading effects implemented in pure css3_html/css_WEB-ITnose

24 Jun 2016

Animation loading special effects implemented in pure css3

A batch of hover effects implemented by CSS3_html/css_WEB-ITnose

24 Jun 2016

A batch of hover special effects implemented by CSS3