前端7款漂亮的图片鼠标悬停特效

前端开发的前景怎么样 web前端开发前景怎么样 web前端开发怎么接单

html代码:

<ul class=”grid cs-style-1″>
    <li>
        <figure>
            <img src=”images/1.png” alt=”img01″>
            <figcaption>
                <h3>Camera</h3>
                <span>Jacob Cummings</span>
                <a href=”http://www.w2bc.com”>Take a look</a>
            </figcaption>
        </figure>
    </li>
    <li>
        <figure>
            <img src=”images/2.png” alt=”img02″>
            <figcaption>
                <h3>Music</h3>
                <span>Jacob Cummings</span>
                <a href=”http://www.w2bc.com”>Take a look</a>
            </figcaption>
        </figure>
    </li>
    <li>
        <figure>
            <img src=”images/4.png” alt=”img04″>
            <figcaption>
                <h3>Settings</h3>
                <span>Jacob Cummings</span>
                <a href=”http://www.w2bc.com”>Take a look</a>
            </figcaption>
        </figure>
    </li>
    <li>
        <figure>
            <img src=”images/5.png” alt=”img05″>
            <figcaption>
                <h3>Safari</h3>
                <span>Jacob Cummings</span>
                <a href=”http://www.w2bc.com”>Take a look</a>
            </figcaption>
        </figure>
    </li>
    <li>
        <figure>
            <img src=”images/3.png” alt=”img03″>
            <figcaption>
                <h3>Phone</h3>
                <span>Jacob Cummings</span>
                <a href=”http://www.w2bc.com”>Take a look</a>
            </figcaption>
        </figure>
    </li>
    <li>
        <figure>
            <img src=”images/6.png” alt=”img06″>
            <figcaption>
                <h3>Game Center</h3>
                <span>Jacob Cummings</span>
                <a href=”http://www.w2bc.com”>Take a look</a>
            </figcaption>
        </figure>
    </li>
</ul>

前端开发怎么设置自适应 前端开发怎么设置自适应 前端开发中搜索框怎么写

» 本文来自:前端开发者 » 《前端7款漂亮的图片鼠标悬停特效》
» 本文链接地址:https://www.rokub.com/5984.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!