Earlier, making a website used to be complicated. You needed to know how to code to create a website that looked good and functioned well. However, some tools and platforms make it easy for anyone to create a website these days. In this blog post, we will walk you through how to make a website […]
How to Make a Website in 2024 | 3 Simple Steps Read More »
Button CSS Code .button-24 { background: #FF4742; border: 1px solid #FF4742; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px; box-sizing: border-box; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: nunito,roboto,proxima-nova,”proxima nova”,sans-serif; font-size: 16px; font-weight: 800; line-height: 16px; min-height: 40px; outline: 0; padding: 12px 14px; text-align: center; text-rendering: geometricprecision; text-transform: none; user-select: none; -webkit-user-select: none;
Elementor Hotspot Widget Read More »
This is a simple CSS code that can help you to add a gradient color in your headings. So, if you are using the Elementor plugin in WordPress then this is a very quick trick to add a dual color heading in WordPress with just a few line of codes. Just go ahead, copy the
Elementor Gradient Text Read More »
CSS Code for Skewed Effect :root{ –grad1: #00ccff; –grad2: #0e1538; –grad3: #d400d4; } selector{ position: relative; z-index: 999; } /*SKEWED EFFECT*/ selector::before, selector::after{ content: ”; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; -webkit-transform: skewX(2deg) skewY(4deg); transform: skewX(2deg) skewY(4deg); background: -webkit-linear-gradient(135deg, var(–grad1), var(–grad2), var(–grad3)); background: linear-gradient(315deg, var(–grad1), var(–grad2), var(–grad3)); z-index: -9; } CSS
Elementor Skewed Effect Read More »
