teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

コードにコメント追記

2019/12/12 04:48

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -13,7 +13,7 @@
13
13
  overflow: hidden;
14
14
  &::before {
15
15
  content: "";
16
- background: inherit;
16
+ background: inherit;/*親の背景を継承*/
17
17
  transition: all 0.3s ease;
18
18
  position: absolute;
19
19
  top: -5px;

1

サンプル追加

2019/12/12 04:48

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -33,4 +33,6 @@
33
33
  text-shadow: 0 0 10px rgba(0,0,0,.4);
34
34
  }
35
35
  }
36
- ```
36
+ ```
37
+
38
+ [動作確認サンプル](https://codepen.io/hatena19/pen/xxbwXpe?editors=0100)