質問編集履歴
2
追記２
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -35,4 +35,15 @@
|
|
|
35
35
|
box-shadow: 0 1px 0 #4999c6;
|
|
36
36
|
}
|
|
37
37
|
```
|
|
38
|
-
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
追記２「デザイン2（立体ボタン）」はposition: relative;を追加したらパタパタが無くなりました。理由は分かりません。デザイン1（フラットボタン）の方はまだパタパタしてしまいます。
|
|
42
|
+
|
|
43
|
+
```ここに言語を入力
|
|
44
|
+
.btn02 a {
|
|
45
|
+
opacity: inherit;
|
|
46
|
+
box-shadow: 0 4px 0 #4999c6;/* 追加 */
|
|
47
|
+
position: relative;
|
|
48
|
+
}
|
|
49
|
+
```
|
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -26,4 +26,13 @@
|
|
|
26
26
|
background-color: #4999c6;
|
|
27
27
|
box-shadow: 0 1px 0 #4999c6;
|
|
28
28
|
}
|
|
29
|
-
```
|
|
29
|
+
```
|
|
30
|
+
追記、以下の方法でパタパタは収まりましたが、ホバーがボタンの外側まで反応してしまいます。
|
|
31
|
+
```ここに言語を入力
|
|
32
|
+
.btn02:hover a{
|
|
33
|
+
transform: translateY(3px);
|
|
34
|
+
background-color: #4999c6;
|
|
35
|
+
box-shadow: 0 1px 0 #4999c6;
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|