<div class="sw_mask" data-text="教育行業">                    <img  src="/ehouse/img/service/research_1.jpg" class="second_img">                    </div>.sw_mask {    position: relative;    overflow: hidden;}.sw_mask:after {    position: absolute;    left: 0;    top: 0;    display: block;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.5);    content: attr(data-text);    transition: all 1s ease;    transform: translateY(-100%);    color: #FFF;}.sw_mask:hover:after {    transform: translateY(0);}