Heim >Web-Frontend >HTML-Tutorial >CSS3橙色的星球绕轨道公转动画_html/css_WEB-ITnose

CSS3橙色的星球绕轨道公转动画_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:17:081064Durchsuche

效果:http://hovertree.com/texiao/css3/24/

效果图:


代码如下:

<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1" /><title>CSS3实现星系轨道旋转特效 - 何问起</title><link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/css3/24/css/css.css"></head><body><div class="ui_base u_p3d"><div class="ball_c">何问起</div><div class="base u_p3d"><div class="pan"></div><div class="ball_base u_p3d ball_1"><div class="ball">JS代码</div></div><div class="ball_base u_p3d ball_2"><div class="ball">网页特效</div></div><div class="ball_base u_p3d ball_3"><div class="ball">HoverTreeSCJ</div></div><div class="ball_base u_p3d ball_4"><div class="ball">HoverTree</div></div><div class="ball_base u_p3d ball_5"><div class="ball">月亮</div></div><div class="ball_base u_p3d ball_6"><div class="ball">柯乐义</div></div></div></div><div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"><br><br><br><br><br><br><br><br><br><br><br><br><br><p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗等新版浏览器。</p><p>来源:<a href="http://hovertree.com" target="_blank">何问起</a> <a href="http://hovertree.com/h/bjaf/css3xingxi.htm">原文</a> <a href="http://hovertree.com/texiao/">特效</a></p></div></body></html>

转自:http://hovertree.com/h/bjaf/css3xingxi.htm

特效汇总:

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn