綺麗な夕日をみたいと思う、 都会に住む人

都会の便利なところに住みたいと思う、小さな島国の人

高い山を見たいと思う、草原に住む人

象を見たいと思う、高い山に住む人

みんな地球という、星に住んでいる

CSS3デモ(表示可能ブラウザ 現在chromeのみ)

テキスト ストロークの変更

div {
  -webkit-text-fill-color: black;
  -webkit-text-stroke-color: red;
  -webkit-text-stroke-width: 2.00px; 
}
Text stroke example

グラデーション効果

background: -webkit-gradient(linear, left top, left bottom, 
                             from(#00abeb), to(white), 
                             color-stop(0.5, white), color-stop(0.5, #66cc00))

background: -webkit-gradient(radial, 430 50, 0, 430 50, 200, from(red), to(#000))
                                                        

影をつける

text-shadow: 
  rgba(64, 64, 64, 0.5) 
  0px 
  0px 
  0px; 
box-shadow: 
  rgba(0, 0, 128, 0.25) 
  6px 
  0px 
  0px; 
            
Shadows example

マウスで動作

Hover over me:

-webkit-transform: rotateY(45deg);
-webkit-transform: scaleX(25deg);
-webkit-transform: translate3d(0, 0, 90deg);
-webkit-transform: perspective(500px)
#threed-example {
  -webkit-transform: rotateZ(5deg);

  -webkit-transition: -webkit-transform 2s ease-in-out;
}
#threed-example:hover {
  -webkit-transform: rotateZ(-5deg);
}

Now press 3!


フォームコントロール入力にゅうりょくチェック)

tel :

email :

url :

search :

入力コントロールとスライドバー

50

プロッグレスバーの表示



オートフォーカス