I was faced with an interesting problem while adding the sound effects to locking and unlocking my iPhone in CSS3.
When I was trying to specify the "src" attribute of audio source tag it cause Safari overload and the browser stopped responding. Here is the code:
<audio id="soundLock" controls="true"> <source src="/p/iphone/sound/lock.ogg" type="audio/ogg" /> <source src="/p/iphone/sound/lock.mp3" type="audio/mpeg" /> </audio>
In 19th December 2011 I published my creation, iPhone4 in CSS3, to my website. Since that time more then 400 000 unique visitors saw it, many of them like and share it. And now i want to tell how I made it from the stage of beginning to the first tweet about it's finished.
Click "Read more" to find out how I made it.