SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
css3 transitionでheight: auto;が使えないのでmax-heightを使ってみる - しるてく
背景 CSSだけでスクロールアップダウンしたいなーと思って、特に何も考えず、次のような実装をしてみた。 #open-infoをクリックすると、#infoが内容量に合わせて良い感じにスクロールして閉じたり開いたりしてくれる予定。 実装 #info { overflow: hidden; height: 0; -webkit-transition: height 1000ms; } #info.open { heigt: auto; } $('#open-info').on('click', function() { $('#info').toggleClass('open'); }); 動かない で、実際に動かしてみると、アニメーションしない……。 おかしいなと思って、試しに次のように変えてみると、 15px -> 0pxでアニメーション 一気にheight: auto;になる という動作を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
