CREATE Stunning WordPress Designs with God Rays Using Bricks

Save time with premade sections tchs.li/premade
Learn how to transform your WordPress design with God Rays in Bricks Builder. Discover this design trend and how to incorporate it using CSS only!
🎨 CSS snippets 🎨
/*** Ray Light ***/
%root% {
background: radial-gradient(ellipse at top, rgba(100,194,219,1) 0%, rgba(100,194,219,0) 70%);
-webkit-mask-image: -webkit-gradient(linear, center 0%, center 70%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
/*** Animation***/
%root% {
animation: raynimation 10s infinite;
}
@keyframes raynimation {
20% {opacity: .8;}
40% {opacity: .6;}
60% {opacity: .4;}
80% {opacity: .2;}
}
/*** Title***/
%root% {
background: radial-gradient(ellipse at 50% 20%, rgba(180,224,249,1) 25%, rgba(105, 118, 167,0.8) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
👇 Resources 👇
↪ Bricks: tchs.li/getbricks
↪ BricksForge: tchs.li/bforge
⏲️ Timestamps ⏲️
00:00
👍 If you enjoyed this video, please give it a thumbs up; this way, I know I should create more videos like this.
🔔 Remember to subscribe to my channel so you don't miss out on new web creation videos.
Thanks for watching, and keep designing!

[@user-cr2sp7my8h]

Great tutorial! Very well explained!

[@Farhan-l4g6o]

Great video! Keep up the great work pal :)

[@kevinrichter9397]

Exactly what I need for my ocean themed website. Was looking for ages for a CSS only solution like this. Thanks a lot 😊

[@techiesreviews]

Ahoy there! Looks like you’ve found the treasure at the end of the CSS rainbow! 🌊🏴‍☠️

[@PicSta]

@@techiesreviews At the end of the rainbow is a pot of gold 😉

[@techiesreviews]

Who knew web tech could be such a colorful adventure? Maybe I’ll start a new series: “Chasing Rainbows and Web Tech!”

[@PicSta]

@@techiesreviews Sounds like a brilliant idea to me.

[@zaitx]

I like that you're learning how to install themes in WordPress. Then you dive into sections, columns, sizes, shortcuts, display options, duplication, and animation. However, I think the theme installation part was poorly described.

[@techiesreviews]

Ah, the theme installation-a bit like trying to teach a cat to fetch, right? I’ll make sure to clarify that next time, so it’s more “purr-fectly” explained!