Banners

Entrance Effect for Entire and Individuals
Now we provide lots of animations in banner and other elements. It makes your site more beautiful than ever before. Please purchase Porto without hesitation.

Banner Features

With the Porto, you can design stunning banner without any coding knowledge. Porto gives you ability to make better design than the other sites. Please try! More people will visit your site, because Porto is wonderful.
Background KenBurns Effect
Here, you can see Kenburns effect. It adds perspective effect to your banner.
A lot of Hover Effects
There are many hover effects as you can see below. Please choose any effect to suit your need.
Niche Particle Effects
Snow and Sparkle effects, only you click once.
Use One layer Banner in Elementor
Easy to use. It reduces DOM nodes extremely. DOM optimization increases Google PageSpeed Insights of your site to 100. Please try.

Use it for optimization

Elementor is #1 WordPress page builder which is proved its 5,000,000+ people. But it has a important disadvantage. Lots of dom elements have influenced speed. One-Layer Banner solves this problem.
Video Banner
Element Options Glossary
This element gives you style options and content options that are unique and will stand out from the rest of the site. Please try! Each option works smoothly, perfectly and well.

Banner Options

  • Banner Image – Choose an image from media library.
  • Video Banner Url – Url for the video banner.
  • Background Color – Placeholder background color instead of image.
  • Link – The destination link for the banner.
  • Min Height – Min height of this banner.
  • Add Container – If banner is full width, you can add container in banner.
  • Parallax – Set parallax property.
  • Banner Effect – You can give Kenburns Effect to banner. It gives perspective effect.
  • Banner Effect Duration – Kenburns Effect duration. Mostly gives 30s.
  • Particle Effect – Niche effect. It makes to feel actually. In here you can see snow and sparkle effect.
  • Hover Effect – There are many hover effects. E.g zoom, fade in, fade out and so on.
  • Extra class name – Add your custom class without the dot. e.g: my-class

Banner Layer Options

  • Width – The Width of layer. e.g: 50%, 100px, 100rem, 50vw, etc.
  • Height – The height of layer. e.g: 50%, 100px, 100rem, 50vw, etc.
  • Horizontal Position – 50 is center, 0 is left and 100 is right.
  • Vertical Position – 50 is middle, 0 is top and 100 is bottom.
  • Animation Type – Give animation-name to banner layer.
  • Animation Duration – Duration of animation. numerical value (unit: milliseconds)
  • Animation Delay – Delay of animation.
  • Extra class name – Add your custom class without the dot. e.g: my-class