Elementor Hover Effects Video with Text On Hover. Elementor is a great WordPress page builder plugin. We are going to be using the Elementor builder to create some great effects in this series of videos. Hi guys and Welcome to another Elementor video, this is Jamie from system 22 and web designing techtips.com well we had a question on one of our videos and somebody was asking about doing a hover effect where you get text to appear over the top of a video so I’ve got a KZitem video here it's sort of rolling along when I hover over it we've got a little heading and some text there now this is really easy to do we're doing it a section level here you can do it actually at a module level but it takes a lot of CSS to that so we'll keep it simple today and just show that show you this it's really easy!
Elementor Pro Playlist: • Elementor Pro How To C...
Elementor Hover Effects Playlist: • Elementor Hover Effect...
Elementor General Playlist : • Elementor WordPress Pl...
Elementor Wordpress Builder One Page Scrolling Site In 15 Minutes: • Elementor Wordpress Bu...
Elementor Builder Create A Multi Page Wordpress Site In 15 Minutes: • Elementor Builder Crea...
Elementor Ecommerce Store Playlist: • Elementor Ecommerce St...
Elementor image to text video: • Elementor Hover Effect...
Get Elementor From Here: bit.ly/GetElemrntor
--------- RECOMMENDED PLAYLISTS ---------
Elementor Ecommerce Store: • Elementor Ecommerce St...
Divi Snippets: • Divi 4 Snippets Divi T...
Divi 4 Ecommerce Store: • Divi 4 Ecommerce Store...
Bootstrap 4 Basics: • Bootstrap 4 Basics Ind...
Elementor: • Elementor Wordpress Bu...
WordPress Tips: • Wordpress 2020 Theme C...
--------- CHAPTERS ---------
00:00 Intro
01:01 Add Text Module
01:35 Add Video To Section
04:09 Remove Extra Padding
05:01 Add Padding For Height
07:07 Add CSS Class
08:18 Write CSS Code
10:34 Result
--------- CSS CODE USED TODAY: ---------
.vtext {
opacity:0;
transition-duration:0.9s;
}
.vtext:hover {
opacity:1;
}
--------- RECOMMENDED VIDEOS: ---------
Bootstrap 4 Complete One Page Scrolling Website Tutorial : • Bootstrap 4 Complete O...
Elementor Wordpress Builder One Page Scrolling Site In 15 Minutes: • Elementor Wordpress Bu...
Bootstrap - How to edit a bootstrap template: • Bootstrap - How to edi...
Divi Add a live facebook feed to your divi or any wordpress website: • Divi Add a live facebo...
Divi 4 Theme How To Build A Multi Page Website In 20 Minutes: • Divi 4 Theme How To Bu...
Elementor Wordpress Builder How To Build A Parallax Section: • Elementor Wordpress Bu...
--------- SOCIAL MEDIA ---------
Follow what I'm doing on:
Facebook: / system22.net
Twitter: / 22itsolutions1
Linkedin: / jamie-henry-546b7377
Support the channel: paypal.me/system22
Courses I teach: www.udemy.com/user/jamiehenry2/
Subscribe: / @system22
#KZitemTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite
Негізгі бет Тәжірибелік нұсқаулар және стиль Elementor Hover Effects Video With Text On Hover 👍
Пікірлер: 17