阿里云服务器

今天做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

热门话题

注册京东公司logo设计腾讯云服务器系统选哪个织梦 keyword微信小程序怎么用百度地图音乐符号logo设计wordpress2.4隆昌市住房和城乡建设厅网站logo设计风格有什么wordpress自动登录ftp织梦调用url织梦数据库打印无法分享到微信wordpress织梦去掉图文资讯
相关阅读:
  • 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表单新窗口打开的设置方法
  • DIV电脑端显示手机端隐藏控制