
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.
2 Responses to “Color Cross”
Very nice result. When I have time, I’m going to have to play around with this stuff. It could be because I’m sleepy but it almost looks like the boxes are moving.
Thanks. Just share what you come up with.