`
zhangyaochun
  • 浏览: 2613031 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

IE下的采用filter进行翻转

filterFlipHFlipV 
阅读更多

 

     本文简单记录一下：IE下使用filter来进行翻转：

 

  • 水平翻转

      

html{
     filter:FlipH;   //水平翻转
}

 

 

 

  • 垂直翻转

 

html{
     filter:FlipV;   //垂直翻转
}

 

分享到：
| 获取遨游的版本号
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    愚人节页面翻转效果

    - 对于需要翻转的元素，可以考虑将其作为独立的子元素，并为其单独设置翻转效果，避免对整个页面进行操作。 - 使用`backface-visibility: hidden;`来提高3D转换的性能。 #### 四、总结 通过上述分析我们可以看出...

    IE滤镜操作（关于IE滤镜效果的一般演示，初级滤镜的学习操作，结合了HTML和Javascript，javascript）

    对于初学者，可以通过在线教程和示例来学习如何使用IE滤镜，例如查看名为"Filter"的压缩包中的文件，它可能包含了实践示例和详细说明。 总结，了解和掌握IE滤镜可以帮助我们理解早期Web开发的历史，并在处理旧版IE...

    CSS的filter常用滤波器属性及语句大全

    在CSS的世界里，`filter`属性提供...然而值得注意的是，这些滤波器大多基于IE的私有前缀，兼容性有限，现代Web开发中更推荐使用W3C标准下的`filter`属性，它提供了类似的功能，但具有更好的跨浏览器兼容性和性能表现。

    样式表滤镜中文手册 (IE5.5+)

    CSS滤镜允许开发者通过CSS（层叠样式表）对网页元素进行更高级的视觉效果处理，比如调整颜色、透明度、模糊度等。这些滤镜在当时主要用于增强网页的视觉吸引力，尤其是在IE浏览器的广泛使用时期。 在IE5.5中引入的...

    filter教程

    CSS滤镜在某些场景下可以替代图像编辑软件如Photoshop的功能，但需要注意的是，不同浏览器对滤镜的支持程度不同，尤其是较旧版本的浏览器，如IE6、7。 滤镜主要分为两种：标准的CSS3滤镜和Internet Explorer特有的...

    JS控制图片翻转示例代码(兼容firefox,ie,chrome)

    对于IE浏览器，我们使用`filter`属性和`Microsoft BasicImage`滤镜来实现翻转。滤镜的`rotation`参数可以取0到3的值，分别代表不翻转、逆时针90度、顺时针180度和顺时针90度。为了适应翻转后图片尺寸的变化，需要...

    ie滤镜大全,集合的所有的核心代码

    总结来说，这个资源包是关于IE浏览器滤镜的一个全面参考资料，对于需要处理旧网页或者需要在IE环境下实现特殊视觉效果的开发者而言，是一个宝贵的工具。通过深入学习和应用这些滤镜，你可以增强对过去网页开发历史的...

    filter滤镜的使用

    虽然这里提到的是IE4.0以上的滤镜，但现代浏览器普遍支持更广泛的CSS滤镜属性，包括`filter`和`backdrop-filter`等。 #### 三、IE4.0以上支持的滤镜属性表 下面是一些IE4.0以上支持的滤镜效果及它们的作用： 1. **...

    用CSS让表格返转的代码 IE only

    在IE浏览器中，FILTER属性可以使用progid来调用DXImageTransform.Microsoft.BasicImage滤镜，以实现表格的翻转和旋转。 二、 镜像翻转滤镜 镜像翻转滤镜可以使用FILTER：fliph或FILTER：flipv来实现。fliph表示...

    CSS旋转与翻转使用示例详解

    `filter:FlipH`将元素水平翻转，而`filter:FlipV`则进行垂直翻转。这些滤镜提供了在旧版IE上实现翻转效果的途径。 以下是实现不同效果的代码示例： 1. 水平翻转： ```css -moz-transform: scale(-1, 1); -webkit-...

    IE4.0以上支持的滤镜属性表

    ### IE4.0以上支持的滤镜属性表详解 #### Alpha 滤镜 Alpha滤镜主要用于设置元素的透明度，使元素与背景之间形成不同的透明效果。此滤镜允许设计者通过设置不同的参数来控制透明度的变化方式，从而实现各种视觉效果...

    静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。

    根据提供的文件内容，本文将...需要注意的是，上述滤镜效果仅在Internet Explorer 8及以上版本中有效，因为它们依赖于IE专有的`filter`属性。其他浏览器可能无法显示这些效果，因此在开发过程中需要考虑兼容性问题。

    js实现按钮控制图片360度翻转特效的方法

    对于IE浏览器，使用了滤镜属性`filter`来实现图片的旋转，这主要得益于IE的专有技术。而针对非IE浏览器，则使用了canvas元素来实现。 通过创建一个新的canvas元素，我们可以利用它的2D渲染上下文（`getContext("2d...

    css 滤镜大全，全部css滤镜

    CSS滤镜是现代Web设计中一个非常强大的工具，它们允许开发者在不使用任何图像编辑软件的情况下，对网页上的图片和元素应用各种视觉效果。在给定的文件中，提到了一系列的CSS滤镜效果，接下来将对这些滤镜进行详细的...

    ie 滤镜大全整理

    3. FlipV滤镜，此滤镜应用后，图片会进行垂直翻转。 4. Alpha滤镜，主要用于调整元素的透明度。通过设置"Opacity"起始值与"FinishOpacity"目标值，可以控制透明度的变化。此外还可以通过"Style"、"StartX"、"StartY...

    兼容主流浏览器的js旋转代码

    这个"兼容主流浏览器的js旋转代码"旨在提供一个解决方案，确保在各种浏览器环境下都能正常工作。让我们深入探讨一下如何使用JavaScript来实现这样的功能，以及兼容性问题的解决策略。 首先，我们需要了解CSS3的`...

    CSS图片倒影效果兼容firefox、IE等各主流浏览器

    可以使用`filter: flipv`来翻转图片，但需要注意这与IE9及更高版本的`transform`冲突。为了解决这个问题，通常需要使用条件注释或CSS hack，例如为IE7和IE8添加特定的样式规则。以下是一个可能的IE7/IE8兼容性解决...

    15种CSS3图片Hover悬停效果代码，超级实用，兼容IE9+、chrome、firefox浏览器.rar

    6. **旋转翻转**：`transform: rotate()`可以实现图片的旋转效果，而`transform: perspective()`和`rotateY()`组合则可以实现翻转效果，创建立体感。 7. **缩放和偏移**：同时使用`transform: scale()`和`translate...

    网页特殊滤镜代码大集合

    这些滤镜可以帮助设计师创造出各种视觉效果，如透明、模糊、反色、光影等，从而提升网页的美观度和交互性。...然而，了解这些传统的滤镜代码仍然有助于理解早期的网页设计技术，并在某些情况下进行向后兼容。

Magicbox
Global site tag (gtag.js) - Google Analytics