Efecto hovering animado con CSS3 en Blogger – Colleges

La pseudo clase:hover permite aplicar atributos a un selector al cual se le ha situado el cursor sobre él, con este elemento y gracias a unos valores CSS3 es posible aplicar efectos que antes se podían hacer sólamente con Javascript o jQuery.

El efecto de hovering incluye una transición que es posible de previsualizar en la mayoría de los navegadores actuales (Excluyendo Internet Explorer).


Vista previa del efecto (Sitúa el cursor encima de algún elemento):

Tal como se puede apreciar utilicé imágenes pero se puede hacer con cualquier tipo de contenido.

¿Cómo añadir el efecto a Blogger?

Paso 1: Añadiendo CSS:

En ''Diseño | Edición HTML'' (''Plantilla | Editar plantilla'' si usas Blogger 2011), deberás buscar el siguiente código:

/b:skin

Arriba de este, deberás pegar el siguiente:

.hovering {opacity:0.6;} /*Opacidad inicial*/
.hovering:hover {
opacity:1; /*Opacidad al pasar el mouse*/
-webkit-transition-property: opacity; -webkit-transition-duration: 300ms; /*Tiempo de la transición varios navegadores*/
-moz-transition-property: opacity; -moz-transition-duration: 300ms; /*Tiempo de la transición para Firefox*/
}

Guarda los cambios y listo.

Paso 2: Usando el efecto en algún elemento:

Para realizar esto es necesario saber a qué se le dará el efecto, deberás añadir la clase hovering a éste. Utilizaremos algunos ejemplos:

Para imágenes:

imgclass="hovering" src="URL IMAGEN" /

Ejemplo:
Para enlaces:

aclass="hovering" href="URL"TEXTO DEL ENLACE/a

Ejemplo:
Este es un enlace

Para contenedores:

divclass="hovering"Contenido/div

Ejemplo:

Este es un contenedor div

En cada ejemplo he añadido la líneaclass="hovering", con eso consigues aplicar la clase.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Bankruptcy lawyer Adobe illustrator classes Criminal lawyer Miami Live casino miami personal injury attorney structured settlement company Social media platforms selling structured settlement Mobile casino Asbestos Lung Cancer federal criminal defense attorney DONATE YOUR CAR SACRAMENTO purchase structured settlements Met Auto Online Classes yahoo web hosting Personal Injury Lawyers Online casino DONATE CARS ILLINOIS DUI lawyer Mortgage Casino personal accident attorney Online classes miami personal injury lawyer Webex Costs anti spam appliance DONATING USED CARS TO CHARITY MASSAGE SCHOOL DALLAS TEXAS personal injury attorney ocala fl google adsense PHD on Counseling Education Casino reviews CAR ACCIDENT LAWYERS car accident lawyers los angeles structure settlements car insurance in south dakota mesotheolima car donate CAR INSURANCE QUOTES MN Dwi lawyer average mesothelioma settlement best consolidation loan student mesothelioma charities Custom Christmas cards injury lawyers west palm beach Paperport promotional code refinance with poor credit cheap car insurance in virginia Donate Your Car for Kids Make money online Australia Criminal defense lawyer semi truck accident lawyers sell my structured settlement low credit line credit cards mesothelioma claim CAR DONATE Custom WordPress theme designer Php programmers for hire webex costs Insurance Companies Mesothelioma Law Firm Hire php developers Hire php programmers Car Insurance Quotes MN seattle mesothelioma lawyer los angeles auto accident attorneys Royalty free images stock Criminal lawyer criminal defense attorneys florida motorcycle accident lawyer san diego earthlink business internet Better Conference Calls Proud Italian cook Auto Mobile Shipping Quote Donate cars Illinois Computer science classes online mesothelioma attorney florida Data Recovery Raid Service business software Car Insurance in South Dakota Social media examiner cash out annuity business voip solutions Best social media platforms for business Futuristic architecture car accident lawyer san bernardino How to Donate A Car in California Car Insurance Quotes Utah AUTOMOBILE ACCIDENT ATTORNEY Seo company domain name yahoo Forensics online course mesothelioma lawyer chicago Hire php developer Social media tools Best Criminal Lawyers in Arizona mesothelioma settlements amounts WordPress hosting Car Insurance Quotes PA forensics online course diagnosed with mesothelioma adverse remortgage Php programmers Donate your car for kids Holland Michigan College Seo companies Dallas Mesothelioma Attorneys New social media platforms Business finance group Donate Cars in MA Best social media platforms Social media platforms for business car accident lawyer michigan tucson car accident attorney