Awesome But Useless
Because there's no need for a use case scenario on the bleeding edge.
Skip to content
  • Home
  • About
  • Subscribe to RSS Feed
  • @awesbutuseless
← This Experiment by Zachary Johnson is Smokin’
Zachary Johnson’s Pure CSS3 Animated Map Markers Experiment is a Bitter Disappointment →

Román Cortés Builds A Tribute to The Beatles

Posted on May 2, 2010 in Designers Gone Wild

css-javascript-animated-text

Using plain old CSS and JavaScript Román has built a tribute to The Beatles for their 50th anniversary. I haven’t revealed the surprise in the screen shot, but if you click on the lyrics to Yesterday, the letters reassemble themselves into a picture.

  • CSS
  • JavaScript
  • Román Cortés

Comments are closed.

← This Experiment by Zachary Johnson is Smokin’
Zachary Johnson’s Pure CSS3 Animated Map Markers Experiment is a Bitter Disappointment →

HTML5 & CSS3 for the Real World

Topics

  • 3D
  • :target pseudo-class
  • @font-face
  • accessibility
  • animation
  • audio
  • backface visibility
  • background clip
  • background gradient
  • background size
  • backgrounds
  • bokeh
  • border
  • border image
  • border radius
  • border width
  • box shadow
  • box sizing
  • browser
  • C
  • C++
  • canvas
  • CoffeeScript
  • CSS
  • CSS3
  • cube
  • d3.js
  • emulator
  • filter
  • Firefox
  • flip
  • game
  • Gecko
  • Google
  • gradient
  • HTML
  • HTML5
  • HTTP
  • IE9
  • JavaScript
  • jQuery
  • JSON
  • keyframes
  • linux
  • local storage
  • maps
  • matrix
  • Modernizer
  • MooTools
  • mozWriteAudio
  • Ndless
  • node.js
  • Ogg
  • opacity
  • OpenLayers
  • perspective
  • pixel font
  • position
  • PostGIS
  • preserve-3d
  • pseudo-element
  • Python
  • radial gradient
  • Raphael
  • RGBA
  • rocket
  • rotate
  • scale
  • selection
  • skew
  • socket.io
  • SVG
  • text
  • text fill color
  • text overflow ellipsis
  • text-shadow
  • text-shaow
  • three.js
  • TI-Nspire
  • TileCache
  • trandsform
  • transform
  • transform-style
  • transition
  • translate
  • typeface
  • Verdana
  • video
  • visualisation
  • web sockets
  • web workers
  • WebGL
  • WebKit
  • Wiimote
  • x86
  • XHTML
  • z-index

People

  • Aleksandar Rodic
  • Alex Girón
  • Alex Leone
  • Alex Wolkov
  • Almer
  • Andreas Jacob
  • Andrew Hoyer
  • Andrew Kelly
  • Anthony Calzadilla
  • Barry Silverman
  • Ben Joffe
  • Bertrand Fan
  • Brian Silverman
  • Cameron Daigle
  • Chris Coyier
  • Daniel Kurdoghlian
  • Daniel Rapp
  • David DeSandro
  • David Nufer
  • David Truong
  • David Walsh
  • Divya Manian
  • Earle Castledine
  • Eirik Brandtzæg
  • Fabrice Bellard
  • Fabricio Zuardi
  • Franz Enzenhofer
  • Gerwin Janssen
  • Giacomo Bartoli
  • Gil Megidish
  • Gordon Brander
  • James Edwards
  • Janko Jovanovic
  • Joe Huckaby
  • Jonas Wagner
  • Joshua Jones
  • Kilian Valkhof
  • Kris Triplett
  • Lea Verou
  • Lucian Marin
  • Marco Kuiper
  • Martins Upitis
  • Mathias Bynens
  • Mathias Karstädt
  • Mathieu Henri
  • Maurice Svay
  • Michela Chiucini
  • Microsoft
  • Mocanu Calin
  • Mrakoplaz
  • Natalie Downe
  • Neven Mrgan
  • Nicholas Erho
  • Paul Chaplin
  • Paul Hayes
  • Paul Irish
  • Paul Lewis
  • Paul Rouget
  • Radu Chelariu
  • Random Davis
  • Ricardo Cabello
  • Rob Allison
  • Rob Hawkes
  • Román Cortés
  • Russell Heimlich
  • Ryan Florence
  • Sawyer Hollenshead
  • Sean Christmann
  • Sean Martell
  • Simon Willison
  • Simurai
  • Steve Dennis
  • Stu Nicholls
  • Thomas Sturm
  • Tim de Koning
  • Timo Huovinen
  • Toby Pitman
  • Tom Beddard
  • Tom Robinson
  • Tomomi Imura
  • Trent Walton
  • Tyler Gaw
  • Vadim Gerasimov
  • Vadim Ogievetsky
  • Zachary Johnson
  • Zoltan Hawryluk
  • Recent Posts

    • Talk about getting caught with your pants down…
    • unofficial Google Image Search by Drawing
    • How much time takes your browser to boot Linux ?
    • Paul Hayes Creates a Sphere with 3D CSS
    • text-align: centaur;
  • Recent Comments

    • fedxc on Talk about getting caught with your pants down…
    • gala8y on Talk about getting caught with your pants down…
    • Alain Boudreault on Talk about getting caught with your pants down…
    • nathan on Talk about getting caught with your pants down…
    • Andrew on Paul Hayes Creates a Sphere with 3D CSS
  • If you want to submit something you’ve found, email: coolshit@awesomebutuseless.com

  • Categories

    • Awesome But Useless
    • Designers Gone Wild
    • If You Build it They Will Come
    • It Moves!
    • It's a Cube
    • It's All in the Game Yo!
    • Pushing The Envelope
    • The Sound of Awesome
    • The Third Dimension