03日 4月 2020

    CSSでホバーアクション

    CSSでホバーアクション

    インラインCSSでホバーアクションを実装してみようか

    オンマウスとかですか？

    その通り、オンマウスとオンマウスアウトを使うよ

    それでは、今日のコードだよ

    ＜a href="https://www.google.co.jp/" style="display: block; position: relative; width: 160px; padding: 0.8em; text-align: center; text-decoration: none; color: #fff; background: #795548;" onMouseOut="this.style.opacity='1'" onMouseOver="this.style.opacity='0.8'"＞BUTTON＜/a＞

    これが、通常のボタンで、

    なるほど、ホバーというかオンマウスでこうなって、

    できました！