Emulate the look of the BrightMedia site by using multiple elements and versatile CSS3-based tricks.
Starting styles
To re-create the look of brightmedia.pl, we’re going to overlay a number of <div> elements on a black page. CSS is used to size and position them as desired, before using CSS3’s 2D transforms and gradient options. This way we can quickly achieve those crosshatched translucent rainbows the site opens with, adding a real sense of depth. Begin with a new HTML document, styled as follows.
Starting styles
To re-create the look of brightmedia.pl, we’re going to overlay a number of <div> elements on a black page. CSS is used to size and position them as desired, before using CSS3’s 2D transforms and gradient options. This way we can quickly achieve those crosshatched translucent rainbows the site opens with, adding a real sense of depth. Begin with a new HTML document, styled as follows.
view source
