10个jQueryFlipEffect插件

这10个jQuery Flip Effect插件集合使HTML内容和图像翻转360度&＃xff0c;并使用jQuery和CSS3变换和旋转使其动画。 您可能会发现这些对您的投资组合最有用。 请享用&＃xff01;

相关文章&＃xff1a;

• 15个jQuery动画设计插件
• 10个非常有吸引力的jQuery小部件

高级版-由jQuery提供支持的自适应活页簿

它完全是HTML和jQuery驱动的&＃xff0c;不需要Flash Player。 适用于台式机和移动设备&＃xff01;

1.使用jQuery和CSS3的投资组合翻转滑块

滑块在翻转时将更改我们的投资组合图像&＃xff0c;这种翻转效果是由用户单击分页触发的。 因此&＃xff0c;当用户单击页面时&＃xff0c;我们的每个投资组合图像都将翻转360度&＃xff0c;并且当其动画接近尾声时&＃xff0c;图像将更改为新图像。

源 演示

2. flipCounter&＃xff1a;jQuery计数器插件

一个jQuery插件&＃xff0c;可将无聊的&＃39;ole数字转换为大而漂亮的模拟显示。 倒数直到天启的日子&＃xff0c;使自己的债务时钟或回到90年代&＃xff0c;然后恢复命中计数器。

来源&＃43;演示

3.使用jQuery进行图片翻转

好吧&＃xff0c;首先这不是真正的图像翻转&＃xff0c;而是一种错觉&＃xff0c;图像不会以3D翻转自身&＃xff0c;因为jQuery没有为我们提供HTML元素的图像旋转或扭曲功能。 我知道有一些图像旋转插件&＃xff0c;但是使用jQuery的动画方法效果不佳。

源 演示

4. Flippy&＃xff1a;翻转效果的jQuery插件

一个用于jQuery的跨浏览器翻转效果插件&＃xff0c;它允许您翻转所需的任何html元素。

来源&＃43;演示

5.使用jQuery创建CSS 3D变换卡翻转库

我们将套牌翻转效果应用于一组缩略图库。 我们只想演示使用它的简单方法之一。 不过&＃xff0c;有一件事&＃xff0c;CSS 3D转换还不是一个成熟的标准&＃xff0c;只有现代的浏览器才支持它。

源 演示

6. QuickFlip 2&＃xff1a;jQuery Flipping插件

QuickFlip通过使用动画快捷方式来工作&＃xff0c;该快捷方式在快速翻转&＃xff08;因此得名&＃xff09;时几乎不可见。 此快捷方式提高了性能&＃xff0c;同时允许翻转效果在任何标记下都可以平稳工作&＃xff0c;而与图像&＃xff0c;背景或CSS无关。

来源&＃43;演示

7. Rotate3Di –使用jQuery翻转3D HTML内容

jQuery效果插件&＃xff0c;可以对任何HTML内容进行等距3D翻转或3D旋转。 它还启用自定义3D旋转动画。

来源&＃43;演示

8.使用jQuery和CSS赞助翻转墙

为此&＃xff0c;我们将PHP&＃xff0c;CSS和jQuery与jQuery Flip插件配合使用。 生成的代码还可用于展示您的赞助商&＃xff0c;客户或投资组合项目。

源 演示

9.翻转&＃xff01; jQuery插件

一个jQuery插件&＃xff0c;可以轻松地在四个方向上翻转您的元素。

来源&＃43;演示

10. jQuery Flip Clock倒数计时器

这款时尚的翻转式时钟计时器为事件倒计时提供了一种优雅的方式。

来源&＃43;演示

From: https://www.sitepoint.com/10-jquery-flip-effect-plugins/