回答編集履歴
1
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[`transition` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/transition)を利用し、 `span` 要素のホバー時に `span` 要素の `::after` 擬似要素
|
|
1
|
+
[`transition` プロパティ](https://developer.mozilla.org/ja/docs/Web/CSS/transition)を利用し、 `span` 要素のホバー時に `span` 要素の `::after` 擬似要素に適用されている [`box-shadow`](https://developer.mozilla.org/ja/docs/Web/CSS/box-shadow), [`background-color`](https://developer.mozilla.org/ja/docs/Web/CSS/background-color), [`z-index`](https://developer.mozilla.org/ja/docs/Web/CSS/z-index) プロパティを変更すれば良いです。これに加えて、`::after` 擬似要素へ [`top`](https://developer.mozilla.org/ja/docs/Web/CSS/top) プロパティを追加し、以下のようにすることで質問者さんの実現したいことが行えると思います ([動作確認用リンク](https://jsfiddle.net/eosLbzy9/))。
|
|
2
2
|
|
|
3
3
|
```HTML
|
|
4
4
|
<div class="col-md-4">
|