css3 div畫大風車

今天已經禮拜三了，周天小穎家的佩佩就要結婚啦，小穎要去當伴娘了，哈哈哈哈哈哈，想想都覺得樂開了花，不過之前她給我說讓我當她伴娘時，我說我要**，不然她那麼瘦弱，我站旁邊就感覺像乙個圓滾滾的小皮球，小穎太胖了，唉主要是管不住嘴啊，太愛吃了，這樣下去真的不好不好不好，遲早有一天會把稱壓壞了的，哈哈哈哈不開玩笑啦。

下面呢我們來看看到底畫了個怎樣的大風車呢，嘻嘻，其實這也不是小穎自己想出來的，是借鑑別人畫的，小穎自己也敲了下，稍微做了些改動哈哈哈哈。

大風車吱呀吱喲喲地轉

這裡的風景呀真好看

天好看地好看

還有一起快樂的小夥伴

大風車轉啊轉悠悠

快樂的夥伴手牽著手

牽著你的手

牽著我的手

今天的小夥伴

明天的好朋友

好朋友大風車吱呀吱喲喲地轉

這裡的風景呀真好看

天好看地好看

還有一起快樂的小夥伴

大風車轉啊轉悠悠

快樂的夥伴手牽著手

牽著你的手

牽著我的手

今天的小夥伴

明天的好朋友

好朋友重點來啦！！！！！噹噹噹噹！

doctype html

>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>css畫大風車
title
>
<
style 
type
="text/css"
>
.wrap 
.box1,
.box2,
.box3,
.box4 
.box1 
.box2 
.box3 
.box4 
.gunzi 
@keyframes rotate 
to }
style
>
head
>
<
body
>
<
div 
class
='windmill-centent'
>
<
div 
class
="wrap"
>
<
div 
class
="box1"
>
div>
<
div 
class
="box2"
>
div>
<
div 
class
="box3"
>
div>
<
div 
class
="box4"
>
div>
div>
<
div 
class
="gunzi"
>
div>
div>
body
>
html
>

css3 div跳動動畫 如何快速上手CSS3動畫

前言說起css3動畫，就必須說說 transform，translate，transition，animation這4個屬性，transform主要定義元素的動作，比如旋轉 傾斜 位移等，translate是transform裡面的屬性，用於2d 3d位移。後2個主要對動作進行描述，動畫時間 速度曲...

css3畫花瓣 border radius的妙用

css3中新增的 border radius 屬性在前端開發工作中，一般是還有從來做乙個簡單的圓角效果，看起來讓塊狀元素更加圓潤柔和一點，百分之九十的同學可能用到的就是這個層級，但是 border radius 的功能遠不止於此。首先要明白的是 border radius 的使用方法 classna...

css學習3 css與div排版定位

1.排版常用標籤 a.塊級元素 b.行級元素，可以包含,反之不成立。2.盒子模型 乙個盒子由 content，padding，border，margin組成，盒子的實際寬度 content padding border margin。3.元素定位 a。position static，absolute...