By:
On:
In: Development, Global, Javascript
Tagged: , ,
With: 0 Comments

In this post I collect 5 libraries of effects and animations that will give you many ideas, apart from saving you work when it comes to animating your website. 1.Typed.js A JavaScript library that will help you create a typing animation on your web page. A good idea for a welcome message for your website visitor or to simulate a development console and much more. The library has also implemented a more SEO-friendly approach, as the text you want to animate can be read into the web page from an HTML div tag. 2. Vivus Vivus is a Javascript library to create animations with yourRead More →

By:
On:
In: CSS3, HTML5
Tagged:
With: 0 Comments

Sempre que es vulgui fer una animació d’un element al mateix CSS s’haurà d’utilitzar el següent codi: @-webkit-keyframes ‘nom_animació’ { 0% {‘inserir_estil’} 100% {‘inserir_estil’} } Cal tenir en compte que els percentatges seran els que es desitgin i que s’haurà d’aplicar el següent codi a la classe de l’element, també al mateix full d’estil, per activar l’animació, establir-ne la duració i les repeticions respectivament: -webkit-animation-name: nom;  -webkit-animation-duration: ‘numero’s; -webkit-animation-iteration-count:’infinite, numero’;  Read More →