みおはぴ
WEBサイトがぼわっと表示されるアレ
最近やたらと見かけるね
フェードインって言うらしい
アレ好きじゃないにゃ(´-`)
停止することが出来たのでメモメモ
wordpressのテーマ「Cocoon」にはスキンがたくさん入ってます。
その中の「てがきノート」はフェードインが標準実装。
「てがきノート」のデザインは残して、フェードイン表示だけを停止させる方法をメモ。
みおはぴ
Cocoonで「てがきノート」を使ってる方向けの記事だよ
この記事の「フェードイン停止」方法
サーバーのスタイルシートはいじらない
子スタイルシートに「アニメーション停止」を記述
子style.cssに追加するだけ
外観 –
テーマファィルエディター –
Cocoon Child:スタイルシート (style.css)
/************************************
**フェードイン表示の停止
************************************/
.container {
animation-name: none;
}
フェードインする仕組み
サーバーに格納されている「style.css」に指示が書かれていました。
この記述を消すだけではフェードインは停止しませんでした。
skin-tegakinote-●●●●● – style.css
/************************
* 表示時アニメーション
************************/
.container {
animation-name: fadeIn;
animation-duration: 2s;
animation-fill-mode: forwards;
}
みおはぴ
正しいやり方があれば知りたいにゃ☆
