対応ブラウザ:Google Chrome,Safari -webkit-transition: 時間 値; -指定できる値- linear:一定の速度で変化 ease:遅→速→遅いの変化 ease-in:遅→速の変化 ease-out:速→遅の変化 ease-in-out:easeがはっきりした変化 参考サイト:http://kachibito.net/web-design/css3-transition-sample.html -角が丸くなる- -webkit-transition: 1s ease-in-out; :hover { -webkit-border-radius: 30px; } -角が丸くなりborderも変化- border: #ff8e00 10px solid; -webkit-transition: 1s ease-in-out; :hover