Quantcast
Channel: CSS Animation Studio » tiffany
Browsing all 15 articles
Browse latest View live

CSS Animation demo with jQuery and HTML5

  Here is a mini CSS3 animation demo that I’ve created. It uses a HTML5 audio element that contains several sources to the appropriate sound file for your browser. jQuery is used to change between CSS...

View Article



Live Online CSS Seminar: Creating an animated website header

Creating an animated website header using CSS Animation. Register now for the first live online CSS seminar by TAS Designs. When? April 28th, 2013 from 1:30pm-4:30pm. Learn how to add the newest CSS3...

View Article

Five CSS Animation Photo Gallery Tutorials

Here are five ways you can animate your photos with using CSS3 We’ve been browsing some tutorials online on ways to use CSS3 animation to display photos. As we build up our own photo collection we’ve...

View Article

CSS3 Rotating Social Media Icons

  We’re creating a 360 on demand! We’ve downloaded a freebie off of medialoot.com and did a little enhancement to the look and design of the round social media icons to create an animate version of the...

View Article

Video: CSS Seminar – Creating an animated website header

This past Sunday we broadcasted our first Live Online CSS Seminar on creating an animated website header. Take a look at the HTML5 and CSS3 animated header that we created here.  We’ve created a...

View Article


This message is brought to you by…

Check out this cool usage of Animate.css This animated piece by Desk.com demonstrates on ways of Improving Customer Service. Desk.com markets strategies on How to Improve your Customer Service for...

View Article

The Right Prefix for the Right Browser

When creating CSS3 animations it’s always important to remember that when you are wanting to render the animations within all browsers that will support the CSS3 properties that are applied to the...

View Article

Live Online CSS Seminar: Applying CSS3 animation to the body of a website

Applying CSS3 animation to the body of a website Register now for our live online CSS seminar by TAS Designs. When? Sunday,July 7th, 2013 from 12:30pm-3:30pm. This time around we’ll be applying...

View Article


Animated Android Puzzle

What do you do when your friend has broken into pieces? You use CSS3 animation to put him back together again! Well…that’s our solution! We’ve created an animated puzzle that puts the pieces of the...

View Article


CSS3 Kids and Kite – Logo

Kids and kites that fly, oh my! I’ve recently animated a logo that uses the CSS3 transform property to skew the elements of a kite to give it a flying effect and have also used  CSS3 animation...

View Article

CSS3 Animated drawing

How to grow a plant with CSS3 Animation Here’s a short CSS3 animation demo on “How to grow a plant”. I’ve used the CSS3 keyframe animation property to create an animated demonstration on how to grow a...

View Article

Video: CSS Seminar – Applying CSS3 animation to the body of a website

So a few months ago we did a CSS seminar on applying CSS3 animation to the body of a website. Sadly again, like the first-ever seminar we did we ran into a few technical difficulties which held us back...

View Article

Creating an animated CSS3 Logo

Step one: Photoshop Step two: HTML Step three: CSS My most recent projects included creating several logos with using CSS3 animation. Animating on the web with using HTML and CSS gives the user the...

View Article


CSS3 Animated stopwatch with only 12 seconds to spare

Hey all! Here’s a short and quick CSS3 Animation Demo that I created. It’s a stop watch that I sketched up in Photoshop, and it uses CSS3 Animation to play the stopwatch with only 12 seconds to spare!...

View Article

Revealing CSS3 Animations

                    Wow, it’s been a while eh guys! I just created this simple game using CSS3 Animation and HTML. I also used a bit of javascript for the onclick action. Reveal the matching animations...

View Article

Browsing all 15 articles
Browse latest View live




Latest Images