css3实现鼠标悬停图片翻转

2017-11-01 阅读：3357 类型：前端分类：style 标签： style

css3实现鼠标悬停图片翻转

.last_btn img{-moz-transition:all 0.5s linear 0s;
    webkit-transition:all 0.5s linear 0s;
    transition:all 0.5s linear 0s; }
.last_btn a:hover img{
 -moz-transform:rotateY(360deg) perspective(200px);
 -ms-transform:rotateY(360deg) perspective(200px);
 -o-transform:rotateY(360deg) perspective(200px);
 -webkit-transform:rotateY(360deg) perspective(200px);
 transform:rotateY(360deg) perspective(200px);
}

扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/47.html

上一篇： css3实现正六边形图片+悬停效果

下一篇： css实现360度无限旋转

文章评论（0）

简忆博客
勤于学习，乐于分享

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

打印机 Google Vant ElementUI Linux macOS windows Navicat TP8 PgSQL Highlight SqlServer 字节跳动企业微信 uView MongoDB 微擎 wepy ES6 游戏 uni-app WordPress canvas FaceBook SEM 云存储刷机 Flutter vscode Docker RabbitMQ SVN composer 插件路由器 TP6 OneThink Vue swoole Redis 帝国cms CodeIgniter 虚拟机方法技巧防护软件下载 JavaScript AI go语言 Android JAVA Git Layui React 区块链 Laravel Mysql node.js html linux window ECharts GITHUB bootstrap UEditor SEO 模板服务器微信开发 ECSHOP style 正则 PhpStorm 轮播插件 sublime text 工具 layui.js Python 操作系统 PhotoShop jQuery TP5 ThinkPHP AJAX PHP API office 微信小程序织梦cms