联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > WordPress插件 > 正文

AnimateGL Animations for WordPress Elementor & Gutenberg Blocks Animations 最好的WordPress常用插件下载 博客插件模块

作者:98wpeu发布时间:2023-05-03分类:WordPress插件浏览:177


导读:WordPress的动画。古腾堡块动画描述AnimateGL是WordPress最先进的动画插件,由WebGL提供支持。在Elementor、Blockeditor或任何其他构建...

WordPress的动画。古腾堡块动画描述

AnimateGL是WordPress最先进的动画插件,由WebGL提供支持。

在Elementor、Block editor或任何其他构建器中添加CSS和WebGL动画。自定义每个动画的方向、持续时间、延迟和缓动。选择简单的CSS淡入动画或更有创意的WebGL动画,如弯曲、翻转、拉伸或定向淡入。用可视化编辑器创建自定义入口动画。AnimateGL是轻量级的,快速的,易于使用的,这使得它成为网页设计者的完美选择,来增强他们网站的视觉吸引力。

功能sCSS入口动画淡入淡出、放大、缩小、擦除、滑动显示创建WebGL入口动画弯曲、翻转、剥离、擦除、方向渐变自定义方向、持续时间、延迟、动画缓动易于使用重量级出色的性能Gutenberg块动画元素或动画CSS类动画动画任何元素或块的嵌套动画用于创建自定义动画的Live编辑器入口动画预设滚动触发的入口动画鼠标移动动画等等,即将推出新功能,包括滚动动画CSS动画CSS入口动画是GPU加速的动画CSS属性不透明度CSS动画可以添加到任何元素或块中。可用的CSS动画是淡入,放大,缩小,擦拭和滑动是优雅的动画,设置方向,持续时间,延迟和缓解。通过淡入淡出、缩放、方向、放松、延迟的组合,您可以创建无限数量的创意优雅的动画。更多的CSS动画即将推出。

WebGL动画WebGL动画使用html2canvas.js将任何元素转换为图像,然后使用自定义GLSL着色器将效果应用于图像。最好的用途是简单的元素,如标题,按钮或图像。使用WebGL,我们可以向任何元素添加CSS无法实现的效果,如3D变形或渐变。

轻量级仅35kb用于CSS动画,如果使用WebGL动画,额外45kb。

元素或动画向元素或中的任何元素添加入口动画。在元素高级选项卡中选择动画类型、方向、延迟和持续时间。

古腾堡街区动画向任何古腾堡街区添加入口动画。在块检查器控制中选择动画类型、方向、延迟和持续时间。

入口动画添加一个预设的入口动画或创建自定义的入口动画。通过添加CSS类将动画添加到图像中。

入口动画:

淡化(CSS)放大(CSS)缩小(CSS)擦除(CSS)滑动(CSS)淡化(WebGL)滑动(WebGL)拉伸(WebGL)弯曲(WebGL)擦除(WebGL)翻转(WebGL)缩放(WebGL)剥离(WebGL)自定义每个动画的方向、持续时间、缓动和延迟

通过CSS类自定义动画属性:

淡入淡出–带方向淡入淡出和阈值转换选项–带x、y和z方向旋转选项–带x、y和z轴扭曲选项–增加动画变化持续时间–自定义动画长度延迟–自定义动画开始时间放松–自定义动画的速度和流动鼠标效果AnimateGL还提供鼠标驱动的扭曲效果,包括:

pull–带有强度、大小、RGB偏移和easeScroll触发的动画选项。元素在屏幕上可见时会显示动画,元素的中心会进入视窗

live editor使用live editor创建自定义入口动画,并修改鼠标拖动效果。

用AnimateGL增强你的网站的视觉吸引力,animate GL是WordPress最强大和最先进的WebGL动画插件。凭借其轻量级的33kb gzipped大小和无依赖性,AnimateGL速度快,易于使用,是web设计师在网站上添加独特动画的完美选择。

与任何页面生成器一起使用AnimateGL可以与任何页面生成器一起使用:Elementor、Gutenberg blocks editor、Visual composer等,因为只需添加一个CSS类就可以添加动画。使用AnimateGL在Elementor、Visual Composer或Guteberg块编辑器中添加独特的动画。

帮助我们改进如果您对此插件有任何问题或功能要求,请随时开罚单!

截屏

如何将AnimateGL动画添加到Gutenberg的任何块中?打开图像块选项& gt高级& gt动画,然后选择动画。或者,您可以通过CSS类添加动画与高级& gt附加CSS类,添加AnimateGL动画的CSS类。

入门动画的CSS类列表在哪里?可用的入口动画列在插件管理页面上。

如何在Elementor中给任意元素添加AnimateGL动画?打开图像设置& gt高级& gt布局& gtCSS类,添加AnimateGL动画的CSS类。

WebGL动画有哪些局限性?WebGL动画最适合用于简单的元素,如标题、按钮或图像。对于更复杂的元素,如部分,最好使用CSS动画。

复习

真正有用的插件开发现在2023年4月6日易于使用和实现,特别是对于复杂的动画,不包括与建设者。真的令人印象深刻阅读所有14篇评论

标签:ElementorWordPressAnimateGLAnimations安培


WordPress插件排行
最近发表
网站分类
标签列表