Recently, I came across Alex Girón‘s experiment with CSS3 and
@font-face. It really captivated my mind and intrigued myself with the possibility of creating good banners with just some html code and css attributes. So I quickly fixed up my own experiment to satisfy my curiosity.
The idea was to spread a list of square boxes behind a random quote. So I decided to use an
ul list and style each li to random width boxes and spread even more sparsely. Then I used a function to color them with varying intensity and creamed on it more transparency using the
opacity attribute. Some
-*-transform and a good font substitution was in line until I was almost there.
View it here. Make sure to refresh it until you say, “Its cool!”.
Get ChunkFive font kit.
Quotes from designwashere.com
Update: You can download the script from here.