CSS3网页加下效果<br>#circular3dG{<br>position:relative;<br>width:128px;<br>height:128px;<br>}<br>.circular3dG{<br>position :absolute;<br>背景色:#000000;<br>幅:36px;<br>高さ:36px;<br>-webkit-border-radius:38px;<br>-moz-border-radius:38px;<br>border-radius:38px;<br>- webkit-animation-name:bounce_circular3dG;<br>-webkit-animation-duration:1.6s;<br>-webkit-animation-iteration-count:infinite;<br>-webkit-animation-direction:linear;<br>-moz-animation-name:bounce_circular3dG ;<br>-moz-animation-duration:1.6s;<br>-moz-animation-iteration-count:infinite;<br>-moz-animation-direction:linear;<br>-o-animation-name:bounce_circular3dG;<br>-o-animation-継続時間:1.6 秒;<br>-o-アニメーション反復数:無限;<br>-o-アニメーション方向:リニア;<br>-ms-アニメーション名:bounce_circular3dG;<br>-ms-アニメーション期間:1.6 秒;<br>- ms-animation-iteration-count:infinite;<br>-ms-animation-direction:linear;<br>}<br>#circular3d_1G{<br>left:52px;<br>top:8px;<br>-webkit-animation-delay:0.6s;<br>-moz -アニメーション遅延:0.6秒;<br>-o-アニメーション遅延:0.6秒;<br>-ms-アニメーション遅延:0.6秒}<br>#circular3d_2G{<br>左:78ピクセル;<br>上:30ピクセル;<br>-webkit-アニメーション-遅延:0.8 秒;<br>-moz-アニメーション遅延:0.8 秒;<br>-o-アニメーション遅延:0.8 秒;<br>-ms-アニメーション遅延:0.8 秒;<br>}<br>#circular3d_3G{<br>左:94px;<br>トップ:58px;<br>-webkit-animation-delay:1s;<br>-moz-animation-delay:1s;<br>-o-animation-delay:1s;<br>-ms-animation-delay:1s;<br>}<br>#circular3d_4G{ <br>左:88px;<br>上:86px;<br>-webkit-animation-delay:1.2s;<br>-moz-animation-delay:1.2s;<br>-o-animation-delay:1.2s;<br>-ms-animation-delay :1.2s}<br>#circular3d_5G{<br>left:54px;<br>top:94px;<br>-webkit-animation-delay:1.4s;<br>-moz-animation-delay:1.4s;<br>-o-animation-delay:1.4s ;<br>-ms-アニメーション遅延:1.4秒}<br>#circular3d_6G{<br>左:10ピクセル;<br>上:62ピクセル;<br>-webkit-アニメーション遅延:1.6秒;<br>-moz-アニメーション遅延:1.6秒;<br>- o-アニメーション遅延:1.6 秒;<br>-ms-アニメーション遅延:1.6 秒;<br>}<br>#circular3d_7G{<br>左:0px;<br>上:18ピクセル;<br>-webkit-アニメーション遅延:1.8 秒;<br>-moz -アニメーション遅延:1.8秒;<br>-o-アニメーション遅延:1.8秒;<br>-ms-アニメーション遅延:1.8秒;<br>}<br>#circular3d_8G{<br>左:22px;<br>上:0px;<br>-ウェブキット-アニメーション遅延:2 秒;<br>-moz-アニメーション遅延:2 秒;<br>-o-アニメーション遅延:2 秒;<br>-ms-アニメーション遅延:2 秒;<br>}<br>@-webkit-keyframes bounce_circular3dG{<br>0%{ <br>-webkit-transform:scale(1)}<br>100%{<br>-webkit-transform:scale(.3)}<br>}<br>@-moz-keyframes bounce_circular3dG{<br>0%{<br>-moz-transform:scale(1) )}<br>100%{<br>-moz-transform:scale(.3)}<br>}<br>@-o-keyframes bounce_circular3dG{<br>0%{<br>-o-transform:scale(1)}<br>100%{<br>-o -transform:scale(.3)}<br>}<br>@-ms-keyframes bounce_circular3dG{<br>0%{<br>-ms-transform:scale(1)}<br>100%{<br>-ms-transform:scale(.3)} <br>}<br> http://www.999jiijiu.com/< ;div id="circular3d_8G" class="circular3dG">
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
