CSS图片增大缩小效果

4-07 1,653 views

img{
    transition:All 0.4s ease-in-out;    
    -webkit-transition:All 0.4s ease-in-out;    
    -moz-transition:All 0.4s ease-in-out;    
    -o-transition:All 0.4s ease-in-out;
}
img:hover{
    transform:scale(1.1);    
    -webkit-transform:scale(1.1);    
    -moz-transform:scale(1.1);    
    -o-transform:scale(1.1);    
    -ms-transform:scale(1.1);
    box-shadow: #fff 0px 0px 10px;
}

自动生成twitter、facebook、whatsapp等等分享图标 Sharingbuttons

分享一个好用的第三方分享图标工具,支持主流外国网站 github:click me 使用方法 打开网址 https://sharingbuttons.io/ 按照自己想要的分享按钮,生成代码和c...

阅读全文

css画透明渐变背景图

参考 https://www.cnblogs.com/limeiky/p/6519452.html 效果图 代码 div { background-image: linear-gradient( to bottom, rgba(255...

阅读全文

bootstrap 导航下拉菜单鼠标滑过显示隐藏

参考:https://bootsnipp.com/snippets/Vm7d 效果 CSS body { margin: 30px 0px; } .navbar-default .navbar-nav > li.dropdown:hover > a, .n...

阅读全文

欢迎留言