阿里云服务器

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

热门话题

九江市建设规划局网站织梦怎么把模块上移华为服务器售后电话织梦添加产品图片织梦首页木马当当网电子商务网站建设特点wordpress域名授权破解版巴中区建设局网站犀牛云服务器织梦外部链接的栏目不显示织梦后台设置301山网站建设建设银行日照网站
相关阅读:
  • 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电脑端显示手机端隐藏控制