Magic CSS Animation

Magic Effects

• Magic
• Twisterindown
• Twisterinup 
• Swap

Bling

• Puffin
•  puffout 
• Vanishin 
• Vanishout

Static Effects

• Opendownleft 
• Opendownright 
• Openupleft 
• Openupright 
• Opendownleftretourn 
• Opendownrightretourn
•  openupleftretourn
•  openuprightretourn

Static Effects Out

• Opendownleftout
•  opendownrightout
•  openupleftout
•  openuprightout

Perspective

• Perspectivedown
• Perspectiveup
• Perspectiveleft
• Perspectiveright
• Perspectivedownretourn
• Perspectiveupretourn
• Perspectiveleftretourn
• Perspectiverightretourn

Rotate

• Rotatedown 
• Rotateup
•  rotateleft 
• Rotateright

Slide

• Slidedown
•  slideup 
• Slideleft 
• Slideright
• Slidedownretourn
• Slideupretourn
• Slideleftretourn
  
• Sliderightretourn
  

 Math

• Swashout
• Swashin
• Foolishout
• Foolishin
• Holeout

 Tin

• Tinrightout
•  tinleftout
•  tinupout
• Tindownout
• Tinrightin
• Tinleftin 
• Tinupin
• Tindownin

 Bomb

• Bombrightout
• Bombleftout

 Boing

• Boinginup
• Boingoutdown

 On The Space

• Spaceoutup
• Spaceoutright
• Spaceoutdown 
• Spaceoutleft
• Spaceinup
• Spaceinright 
• Spaceindown 
• Spaceinleft

Magic Css Animation Download

CSS

Animate css

 Just-add-water CSS animations

Download

Emblem

Although the words emblem and symbol are often used interchangeably, an emblem is a pattern that is used to represent an idea or an individual. An emblem crystallizes in concrete, visual terms some abstraction: a deity, a tribe or nation, or a virtue or vice.
An Emblem is an object or a representation that functions as a symbol. Much info can be placed inside the badge/emblem like establishment date, location, address, tag line, and much more. Many businesses use emblems as their permanent logo design. Some logo designers frown upon this, because the lack of simplicity/the argument of visibility when re-sized, while others praise it. The bottom line is that if you attack this task correctly, the outcome should be beautiful.
Emblem based logos are an ongoing trend that is getting an enormous amount of traction. Today we will showcase some incredible/successful examples of this orientation. You will notice that most logos are based upon a circular format, including a wide use of texture and patterns. Most of the following logos were crafted inside Adobe Illustrator. So if you are in need of inspiration for your project, you’ve arrived at the right place.

Brandmark

A simple but strong graphic symbol, often abstract, that complements an aspect of a business or service and represents a company by association. (Think of NIKE or Apple.)

You should consider a symbol only when:

• You need an emblem on a product.
• Your name is too long, too generic, doesn't translate well globally, or has no personality.
• You need to link subsidiaries to the parent and can't easily use the name.
• You can afford to teach the public what the symbol means.

Iconic Logotype

Iconic logotypes are also referred to as combination marks. An iconic logotype generally combines a brandmark symbol with a wordmark. The combination can be loose or integral. With a loose combination, the elements can be used together or separately. A well designed iconic logotype can effectively communicate what a company does as well as reflect the company personality.

Choose an iconic logotype when:

• You are a startup enterprise or small business with limited funds.
• Your name is reasonably distinctive but not (yet) a household word.
• You need an emblem on a product, but want more than just a symbol.

Since Iconic Logotypes communicate more readily than other logotypes, less marketing is required for the logo to be effective. Therefore, iconic logotypes are the most cost effective type of logo design available and are ideal for startups or small businesses with limited marketing budgets.