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 →

By:
On:
In: CSS3
With: 0 Comments

El CSS3 ens permet, a partir d’un text, definir una amplada màxima i afegir punts suspensius al final. Això ho farem definint una amplada i llargada de l’element HTML que ens servirà de contenidor del text i aplicant-li les següents propietats: .llista li { margin-bottom: 5px; width: 200px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } Gràcies a aquest codi i donat un element <UL> amb la classe “llista”, obtindrem una llista on qualsevol text que sobrepassi els 200px serà tallat amb tres punts suspensius “…”. Podeu veure l’exemple: http://jsfiddle.net/adriia/wubpf/1/Read More →

By:
On:
In: CSS3
With: 0 Comments

Si el que necessiteu és que la vostra imatge de fons s’ajusti al taman de la finestra del navegador, haureu de posar aquest codi al css: body { background-image: url(“ruta_imatge”); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } Així de fàcil!Read More →