css鼠标悬停图片旋转淡出

html-css015

css鼠标悬停图片旋转淡出,第1张

可以做翻转效果。css鼠标悬停图片旋转淡出可以用来给图片做翻转效果。css指的是层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言，是用来表示html样式的一种编程语言。

css可以通过perspective属性来实现。ps可以直接通过滤镜中的翻转效果实现。

对于ps，首先打开Photoshop，导入需要编辑的图片，用选取工具选定图片，在工具栏中打开滤镜效果，选择反转效果即可。对于css，css实现翻转效果的方法，首先创建一个演示方块，并为其添加transition和transform属性，然后将transition属性添加到需要翻转的p上，最后添加perspective和transform-style属性即可。

对你的问题倒是没有答案，只是看到你问题，想插句嘴。你注意-webkit前缀，你要用这种方式实现了，你不用webkit内核的浏览器完全没法看。你应该写：

transform:rotate(180deg)

-ms-transform:rotate(180deg)/* IE 9 */

-moz-transform:rotate(180deg)/* Firefox */

-webkit-transform:rotate(180deg)/* Safari and Chrome */

-o-transform:rotate(180deg)/* Opera */

目前情况下，正确的方式在目前是通过js配合css实现，css3距离普及还早着呢。目前主流浏览器对css3和html5的实现方式完全不一样，所以都得单独设置。