Agile育成ブログ
未来を変える喜びを
未分類

hoverアニメーション

hoverするとマスクが表示される

      .media .media-list.media-hover-09 .media-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        opacity: 0;
        z-index: 2;
        -webkit-transition: all 0.5s;
                transition: all 0.5s; }