The greatest feeling for me as a kid was looking into a mixed box of Legos
After prying open the stuck-on lid to see where imagination could go:
A green army base with a red laser beam or a medieval castle for my stealth RE-CON team?
A similar thrill just came back to me when I was introduced to CSS Three.

With color creation through RGBA there’s zero wait time, so it’s cake to create
A semi-transparent box overlay for all (save those who browse out of date.)
Give your words depth w/ a simple text shadow. Offset said shade for a look that says Bad yo.
Fuzzy it up with a blur set to two, and finish it off by adjusting the hue.

Other features can enhance your display: Transition’s a cinch to help animate.
Set the duration any which way– Per millisecond or more–you pick the rate.
Border radius rounds the corners, you know. No more slicing or exports or coding, no, no.
Just set it and go. It’s simple to do. Choose X number pixels, and voila! You’re through.

To get the best cross-browser compatibility, cross check the function of each technique,
& you’ll be sure to avoid utter futility, like Internet Explorer, whose non-subscription is weak.
Safari & Chrome stay industry leaders; our webkit-based browsers remain code mind-readers.
The best part of all is designers save face. Use CSS Three. Let sites degrade with grace.

15 Responses.

Leave a comment or contact me via Twitter @TrentWalton
  • Ryan Merrill

    Nice job, Trent.

    I’m rebuilding my site using HTML5 and CSS3. It’s amazing how much further Web designers can push their designs using CSS3.

    I’m really looking forward to the future of design on the Web. Things are only getting started.

  • Randy

    Awesome. I love what you’ve done here, and I’m actually going to use CSS3 for my site, and like what Ryan said, it’s amazing to see just what can be done with css3.

  • Christopher Meeks

    This is the first time I’ve really seen the power of your new site structure and flexibility. CSS3 is indeed awesome… and poetic, apparently.

    That illustration at the top of the post is absolutely beautiful.

    -Chris

  • hank

    Another beautiful post, I love the design.

  • Richard Saunders

    Great site design, and the Poem sets it off nicely

  • choen

    I hope CSS3 to support all browsers

  • Gareth Trufitt

    A wonderfully original way to present the features of CSS3. A poem is a great way to reflect the creativity that CSS 3 affords our future (and current) designs.

  • Dennis

    I never knew about the transition effects. Very cool. Very cool website also.

  • HO

    Great site design, and the Poem sets it off nicely

  • kelvinwebdesigner

    Incorporate such a poem in css3 was awesome! Your website is just awesome too!
    Hope i can get a chance to learn from you CG – just started in wordpress

  • andy

    hi the font youve yoused in the body is extremely tiny, im using internet explorer on windows and i can barely read it!

    what is the font in the header though?

    • Trent

      Andy, the header & first stack font is Adobe Caslon Pro. From there I’ve got Adobe Garamond Pro, Times New Roman, Times and Serif. Update: I’m now using FF Meta Serif.

  • viktoria harrison

    love this post!!!

Leave a Reply