Q&A
タイトルやコメントはマークダウン使えないので強調するなら「」や””のほうが適切かと思います。（細かいですけど・・）
前提・実現したいこと
HTML＆CSSにてボタンの押下時にページジャンプに伴って画面全体がホワイトアウトする
機能を実装したいです。
ボタン押下時に別の（親でもない）classが実行されれば解決しそうなのですが、
記述方法がわからないです
該当のソースコード
HTML
1///ホワイトアウト用のクラス/// 2<body data-homepage="second"> 3 <a href="test3.html" class="overwhite"></a> 4 5///ボタンのクラス/// 6 <div class="service-buttons"> 7 <a class="btn shadow" href="#contact"> 8 <h5 class="contact-btn-text">CONTACT</h5></a> 9 </div> 10 11
CSS
1 2 .btn:active a.overwhite { 3 display: block; 4 position: fixed; 5 opacity: 0.6; 6 background-color: #ffffff; 7 width: 300%; 8 height: 300%; 9 z-index: 11; 10 transition: ease 2s; 11 }
試したこと
+とか＞を使用してみたのですがクラス同士がそもそも隣接、入れ子になっていないので
実行できませんでした。
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
「ページジャンプに伴って画面全体がホワイトアウトする」とは、どんな動作でしょうか？
「ボタンに設定されたリンク先に遷移する前に、フェードインで画面全体が白くなる」みたいなことでしょうか？
それでしたら、こちらでいかがでしょうか？
https://tips.adrec-dept.com/javascript/1308/
確認してみてください。
投稿2020/01/02 09:30
総合スコア142
回答ありがとうございます。
JSはまだ全く手を付けていないので、解決はしませんでしたが
そもそもCSSのみで何とかすることもないなと思ったのでこちらを実現するため
JSの学習もやってみます。
あなたの回答
tips
プレビュー
