Stu Nicholls and Román Cortés Create an Infinite Zoom With CSS3
Posted on March 14, 2010 in Pushing The Envelope
Stu Nicholls and Román Cortés have collaborated to create an infinite zoom effect using WebKit CSS3 animation properties. They’ve knitted 26 images together with a smooth scaling transition. It’s pretty neat.
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
- 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