css3实现简易dock

浏览数：23 / 时间：2015年06月09日 
<style>
*{margin:0px; padding:0px;}
    #dock{width:100%; text-align:center; margin:0 auto; position:fixed;  bottom:0px; }
    #dock img{ transition:all 0.5s; width:98px; height:98px; border:0px; }
    #dock img:hover{transform:scale(1.5,1.5) translateY(-25px); -webkit-transform:scale(1.5,1.5) translateY(-30px); margin:0 10px; }
</style>

<div id="dock">
        <a href="#" ><img src="../Pictures/dock/alienware.png" /></a>
        <a href="#" ><img src="../Pictures/dock/alienware.png" /></a>
        <a href="#" ><img src="../Pictures/dock/alienware.png" /></a>
        <a href="#" ><img src="../Pictures/dock/alienware.png" /></a>
    </div>

就是那么简单，只要调一下 translateY 以及 margin的距离就好了

css3实现简易dock,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class java 代码 style src os class java 代码 style src os

相关文章

随机文章

您可能还喜欢

您可能还喜欢