CSS3橙色的星球繞軌道公轉動畫

效果：

效果圖：

**如下：

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
="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>
href
=""target
="_blank"
>何問起
a>
<
a href
="/h/bjaf/css3xingxi.htm"
>原文
a>
<
a href
="/texiao/"
>特效
a>
p>
div>
body
>
html
>

特效彙總：

CSS3橙色的星球繞軌道公轉動畫

效果 效果圖 如下 doctype html html lang zh head meta charset utf 8 meta name viewport content width device width,initial scale 1 title css3實現星系軌道旋轉特效 何問起 tit...

CSS與CSS3的區別

css 指的是層疊樣式表 cascading style sheets css 描述了如何在螢幕 紙張或其他 上顯示 html 元素 css 節省了大量工作。它可以同時控制多張網頁的布局 外部樣式表儲存在 css 檔案中css3 是最新的 css 標準。具體內容看後文css 選擇器盒模型 背景和邊框...

css3價格斜切 css3 斜切角 斜邊的實現方式

設計圖含有斜切角的效果時，我們一般想到的方法是切出四個角為背景，然後用border連起來，這樣就能顯示出該效果了，那麼直接使用css呢？下面就整理css做斜邊的效果。1 方案一 利用linear gradient.chamfer background 3b3 background linear gr...