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 ArticleLive 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 ArticleFive 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 ArticleCSS3 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 ArticleVideo: 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 ArticleThis 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 ArticleThe 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 ArticleLive 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 ArticleAnimated 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 ArticleCSS3 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 ArticleCSS3 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 ArticleVideo: 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 ArticleCreating 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 ArticleCSS3 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 ArticleRevealing 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