Скачать или смотреть How to Create Neon Text with Lightening Effect using CSS in Elementor WordPress

In this wordpress tutorial for beginners you will learn how to add neon glow effect with lightening on text using custom css in elementor / elementor pro page builder in wordpress website. So you can custom css and you can add color scheme for lightening effect, animate effect and text shadow effect according to your requirement.

*** Custom CSS:

:root{
--dark: #FFD700;
--white: #ffffff;
--glow: #03bcf4;
}
selector h1 {
animation:animate 5s linear infinite;
}
@keyframes animate {
0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{
color: var(--dark);
text-shadow: none;
}
18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,100%{
color: var(--white);
text-shadow: 0 0 10px var(--glow),
0 0 20px var(--glow),
0 0 40px var(--glow),
0 0 80px var(--glow),
0 0 160px var(--glow);
}
}

** we are using html tag h1 so thats why we are using h1 heading tag in custom css.

#neon #text #css #lighteningeffect #lightening #neonlighteffect #elementor #elementorpro #elementorpagebuilder #wordpress #wordpresstutorial #webtaskwithhassan #hassangilani