質問編集履歴
2
間違った文章（実現不可）な項目に打消し線を入れました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
波紋のアニメーションが発生するよりも早くクリックすれば
|
|
17
17
|
リンクは機能しています。
|
|
18
18
|
波紋のアニメーションが発生後でもリンク機能が正しく動作するためにはどうすればいいでしょうか？
|
|
19
|
-
もしくはクリックと同時に波紋が発生するようにするにはどうすればよいでしょうか？
|
|
19
|
+
~~もしくはクリックと同時に波紋が発生するようにするにはどうすればよいでしょうか？~~
|
|
20
|
+
(クリックが機能すると波紋の発生を見ることなくすぐリンク先に飛ぶので打消し線を入れました。）
|
|
20
21
|
|
|
21
22
|
### 該当のソースコード
|
|
22
23
|
|
1
HTMLコードを追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -19,8 +19,11 @@
|
|
|
19
19
|
もしくはクリックと同時に波紋が発生するようにするにはどうすればよいでしょうか？
|
|
20
20
|
|
|
21
21
|
### 該当のソースコード
|
|
22
|
-
CSSのコードになります
|
|
23
22
|
|
|
23
|
+
【HTMLのコードになります】
|
|
24
|
+
<div class="wp-block-button is-style-fill hamon" id="top-button"><a class="wp-block-button__link wp-element-button" style="border-radius:0px">もっと見る</a></div>
|
|
25
|
+
|
|
26
|
+
【CSSのコードになります】
|
|
24
27
|
#top-button.wp-block-button .wp-block-button__link {
|
|
25
28
|
padding: calc(0.367em + 2px) calc(1.333em + 2px);
|
|
26
29
|
background-image: linear-gradient(0deg, rgba(226, 235, 240, 1), rgba(51, 51, 51, 1));
|