9 个超棒的 CSS3 和 JavaScript 特效
openkk 12年前
<div id="OSChina_News_28001" class="NewsContent TextContent NewsType2"> <p>这里罗列了一些使用 CSS3 和 JavaScript 的网页特效集合。</p> <div> <p><a href="/misc/goto?guid=4958337054957526493">Paperfold</a></p> <p><img title="Paperfold" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/061e54cb19caf7bb923ba3a7a2bd5c9c.jpg" width="500" height="250" /></p> <p>令人印象深刻的paperfold效果！</p> </div> <div> <p><a href="/misc/goto?guid=4958337055759215383">RotorJS</a></p> <p><img title="RotorJS" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/2a921066b4c670754aea8233f9dd1c63.jpg" width="500" height="250" /></p> <p>对元素进行三维旋转操作</p> </div> <div> <p><a href="/misc/goto?guid=4958337056556881990">3D Image transition</a></p> <p><img title="3D Image transition" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/f1d0c8c8643caf6a64e8491df3df391d.jpg" width="500" height="250" /></p> <p>类似 Flash 的三维 CSS3 转换效果</p> </div> <div> <p><a href="/misc/goto?guid=4958337057355070007">The Box</a></p> <p><img title="The Box" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/ba27097f24acc2ffe9fda8ea3f9d965c.jpg" width="500" height="250" /></p> <p>动画纸板和纸张的3D场景</p> </div> <div> <p><a href="/misc/goto?guid=4958337058148528199">3D Flip list menu</a></p> <p><img title="3D Flip list menu" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/7f3dc6507b0f879d0b1547cb48ff33a5.jpg" width="500" height="250" /></p> <p>嵌套菜单</p> </div> <div> <p><a href="/misc/goto?guid=4958337058946337843">CSS3 Reflection effect</a></p> <p><img title="CSS3 Reflection effect" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/a7b565d08fe109344e7aa5f8e4926d62.jpg" width="500" height="250" /></p> <p>创建跨浏览器支持的反射效果</p> </div> <div> <p><a href="/misc/goto?guid=4958337059737039006">Animated Menu Icons</a></p> <p><img title="Animated Menu Icons" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/d8d93bced8f24dff09d75f508907b3a3.jpg" width="500" height="250" /></p> <p>纯 CSS3 动画</p> </div> <div> <p><a href="/misc/goto?guid=4958337060545154490">Animated CSS3 Gallery</a></p> <p><img title="Animated CSS3 Gallery" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/5aecfc234576a67b0cc62d25f1564268.jpg" width="500" height="250" /></p> <p>相册效果，可淡入淡出</p> </div> <div> <p><a href="/misc/goto?guid=4958337061329676591">The CSS Book</a></p> <p><img title="The CSS Book" alt="9 个超棒的 CSS3 和 JavaScript 特效" src="https://simg.open-open.com/show/1fc40b295ba94ca670f0bf6ab9bf3c4f.jpg" width="500" height="250" /></p> <p>三维的图书效果</p> </div> </div>