How creative we can be with CSS?
Jan 8, 2023
Recently I came across an idea where I wanted the text to glow i.e., something like the below which makes us feel like we are somewhere in space, or that space feeling of star wars.
What to notice here is to check the character “C” I wanted something which only glows the space of the block character is taking not the whole block but how, how we can achieve this?
After spending hours, the solution was quite simple with a quite few steps
- Create a Block wrapper element with relative positioning
- Create a block with the words you want to glow.
- Copy the same word block with positioning as an absolute and add a filter with blur value, if you want, you can scale it further.
Below is the demo of the above step.
Yep, that’s all
