阿里云服务器

今天做WordPress外贸网站的时候,客户提出了一个图片缓慢上移的要求。

可以通过css来实现这个效果,

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image{ transition: all .5s;}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image:hover {
     cursor: pointer;
    transform: translate(0,-5px);background:#060606;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;

}


通过上面代码,鼠标经过图片,就可以实现缓慢上移的效果。


213.jpg

相关阅读:
  • 把select option框样式改成input radio的方法
  • phpcms v9修改网站域名后,栏目链接无法变过来的问题
  • 宝塔控制面板快速设置404页面的方法
  • 帝国CMS伪静态connect.php(2439) : eval()'d code on line 1错误的解决办法
  • 让百度地图api支持https的方法
  • 网页js自动触发input或者button,复制指定DIV内容的方法
  • 腾讯CDN: 什么是Range回源和配置方法
  • zblog配置腾讯CDN出现HTTP ERROR 564错误的处理办法
  • 通过css让DIV实现淡入的动画特效的方法
  • 网页form表单新窗口打开的设置方法