CSS Brick wall – Editable example

CSS Brick wall - Editable example

 Today i will share an editable example of  CSS Brick wall.
This CSS example
is made using only css3 linear and radial gradients to produce a brick wall with an illuminated center area, no images involved.

I stumbled upon this cool css example somewhere on my internet explorations.

CSS Brick wall

CSS3 Brick wall - Editable example

CSS Brick wall – Editable example

 All the code below is hosted on codepen,  feel free to play with the code and learn in the process.

Check out this Pen!

Using only css to create things is cool, right?

You can change the code and use it in your own projects as you like.

Original idea by stu nicholls

If you like this css example say thanks by sharing it on your favorite networks.

Nikola Petrovic
Get in Touch

Nikola Petrovic

Hi there. My name is Nikola,
I speak English, Greek and Serbian.
As a Web Producer i can deal with almost anything web design & development related.
As a freelancer, I charge only a small portion of the money you would pay to agencies to create your website. Affordable web design doesn’t mean that it will lack any of the advanced features of today’s web technology. We just cut out the cost of the middle man.
Feel free to request a free quote using the form on the right or the one bellow.
Nikola Petrovic
Get in Touch