"There's so many schools that need to go online now and have no clue how to do it..."

Using CSS3 selectors to animate a series of static images.

A flyline / dropdown menu with CSS3 enhancements for browsers that support animation.

A slide out menu with CSS3 enhancements for browsers that support animation.

Using CSS3 to produce an animated sliding dropdown flyout menu.

Using CSS3 to produce a sequence of image animations and a slide down sub menu system.

Using CSS3 to animate a page flip to show two inner pages.

Using CSS3 to animate a page flip to show two inner pages with a little twist.

Using CSS3 transitions, transforms and keyframes to produce a 3D animation of the Earth, Mars, Jupiter and the Moon.

Using CSS3 transitions, transforms and keyframes to produce a 3D Dymaxion Map of the Earth's surface.

A CSS3 Random Heroes game, animated sprites using no images.

A CSS3 Animated Cube that demonstrates the difficulty in styling for IE10 without using 'preserve-3d'.

A CSS3 Animated Dymaxion Map that works in IE10.

A tennis animation using simple html code and CSS.

A CSS only 'loading' animation with no extra markup for all modern browsers.

3D Stormtrooper animation using a flat graphic folded into shape.

3D Astro Boy animation using a flat graphic folded into shape.

3D 'eyeball' spherical animation.

3D Swan Lake animation with reflection and ripples.

A CSS only circular menu with bounce animation using cubic-bezier timing.

A CSS only menu using flexbox and order animation. Suitable for all the latest browsers, but only Firefox supports animation of the 'order' style.

There is no better time than the end of the year for some fresh inspiration! One of the most popular trends this year, features splitscreen layouts, lots of white space, clean typography and subtle effects. With this playful trend in mind, I’ve created a two-part tutorial to show you how to use flexbox, 3D transforms […]

The post Tutorial: Trendy Splitscreen Layout With CSS3 Animations (Pt. 1) appeared first on Web Designer Wall.

Last week I demonstrated how to build a split-screen website layout using CSS flexbox and viewport units that offers an alternative way to present a brand’s featured content. Clicking on one side or the other navigates further into the site without a page load, using CSS transitions and 3d transforms. This week, I’ll show you […]

The post Tutorial: Duo Layout With CSS3 Animations & Transitions (Pt. 2) appeared first on Web Designer Wall.

Recently, I walked you through how to create a simple landing page that used a couple different CSS animation techniques. “Animation” is a loose term, in web design usually referring to anything that involves movement. CSS transitions are one tool we are given to manipulate elements on state changes or mouse events, and when combines […]

The post Easy CSS Animation With Transition & Transforms appeared first on Web Designer Wall.

CSS Transitions and transforms work beautifully for creating visual interactions based on single state changes. To have more control over what happens and when, you can use the CSS animation property to create easy CSS animation using @keyframes. This technique has a wide range of design application and can be used to build dazzling pre-loaders, […]

The post Easy CSS Animation Using @keyframes appeared first on Web Designer Wall.

Toonz Animation, the flagship division of leading content company Toonz Entertainment, has signed a major deal with Gummybear International Inc.

One way to learn animation is an all-in-one course, the kind you can find here in our library. The other path is on-the-job training, and involves picking up tips and tricks as you work. This course will give you that "on the job" experience in weekly doses. Every Tuesday, author Dermot O' Connor reveals a tip or trick that animation professionals use to save time and create more compelling characters. Learn to use delays, overshoots, and leading gestures to create looser, more realistic movement; draw different mouth shapes for male and female characters; create different styles of walks such as staggers; and more.

Note: Because this is an ongoing series, viewers will not receive a certificate of completion.

Transport NSW says the Metro West line take 20 minutes to travel from Parramatta to Sydney CBD.

You should watch this: Click here for full-size version. Click here to comment or read others’ comments.

In a guest piece, industry executive Aaron Simpson explains how the animation industry had been preparing for this disaster for decades without even knowing it.

The post For The Animation Industry, The Coronavirus Crisis Has Created A Big Opportunity appeared first on Cartoon Brew.

If March was defined by the shock of the coronavirus's global spread, April is when we started to really see its repercussions for animation, and glimpse how the industry may change for good.

The post Here’s The Biggest Animation News You Missed In April appeared first on Cartoon Brew.

With ​Callipeg, artists can now leave their desks and animate wherever they want and need with professional tools, using the iPad's power to its full potential.

The post The Callipeg App Offers An Intuitive New Way To Do 2D Animation On An Ipad appeared first on Cartoon Brew.

The Chinese government has found a new use for animation: spreading anti-U.S. propaganda.

The post The Chinese Government Is Using Animation To Spread Anti-U.S. Propaganda appeared first on Cartoon Brew.

Fifty percent of production spending in Ireland is now animation.

The post Ireland’s Animation Industry Spending Has Overtaken Live-Action Film And TV Combined appeared first on Cartoon Brew.

The courses are tailored to artists at various career stages. They start on May 23.

The post Toon Boom Launches Remote Animation Training Courses appeared first on Cartoon Brew.

The company sees a big opportunity in the current crisis.

The post Wow! Plans To Double Size Of Animation Team In Vancouver Through Remote Working appeared first on Cartoon Brew.

The Oscar-nominated animation shorts often share emotional themes, but they are a creatively diverse collection.

The team behind Netflix's unique adult animated feature "I Lost My Body" celebrates their Oscar nomination, and redefining what's possible in animation.

  Introduction Modern user interface design has evolved dramatically in the last few years, with animation-rich interactions becoming the norm. On mobile devices, where screen space is at a premium a...

Olivia Colman and Helen Mirren have teamed up with the creators of Wallace & Gromit in a film called Turtle Journey to raise awareness about climate change and ocean pollution

Olivia Colman and Helen Mirren have teamed up with the creators of Wallace & Gromit in a film called Turtle Journey to raise awareness about climate change and ocean pollution

In celebration of Mother’s Day, Women in Animation and the Animation Guild have joined forces to encourage equality and flexibility in the workplace and to support the animation community “as it navigates the unprecedented effects of the COVID-19 pandemic.” In a joint statement, they noted that “many animation workers are pulling double duty – balancing […]

The Sierra Club is pointing attention to the once-through cooling systems used by many power plants. Power plants suck up over 200 billion gallons of water a day, and with that water comes millions of fish that don't exactly

We live in turbulent times, but this beautiful animation offers a systemic approach to facing up to change.

The World of Autism