Foro de Ayuda IntercambiosvirtualeS

Foro de Ayuda IntercambiosvirtualeS (https://www.intercambiosos.org/index.php)
-   Recursos Webmasters & Diseño Web (https://www.intercambiosos.org/forumdisplay.php?f=24)
-   -   Efecto NEÓN, solo con css3 (https://www.intercambiosos.org/showthread.php?t=23301)

Hectorsito20 21-dic-2011 09:52

Efecto NEÓN, solo con css3
 
Saludos, uno de los efecto que personalmente me gusta y que es muy atractivo, es la posibilidad de poder crear texto con efectos neón, y lo interesante de esto es que solo hay que utilzar la propiedad text-shadow de css3, y ir poniendo diferentes valores, claro todo depende de lo que querramos hacer para obtener el efecto que andamos buscando.. es muy interesante ya que con css2 no era posible.. habia que recurrir a propromas de edición como por ejemplo: Photoshop, FireWorks u otro programa de edicion de texto e imagenes.

Códido html
<body>
<h1 class="efectoNeon">Intercambiosos</h1>
</body>



Código css
<style type="text/css">
body{background: rgba(0,0,0,1);}
.efectoNeon {
background-color: #000;
color: rgba(255,255,255,1);
font-family: Tahoma;
font-size: 50px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 10px #FFF, 0 0 20px #FFF, 0 0 30px #FFF, 0 0 40px #FF00DE, 0 0 70px #FFF0DE, 0 0 80px #FF00DE, 0 0 100px #FF00DE, 0 0 200px #DD00DE;
}
</style>



Resultado final!


baduser 21-dic-2011 10:32

http://i.imgur.com/NYCZl.gif

Hunted 21-dic-2011 11:40

http://vypic.com/c/46fe8.png

VJEVans 21-dic-2011 17:52

exelente .. gracias hector ..

cramercaba 22-dic-2011 17:33

http://i.imgur.com/wkQdp.png

Eloy58 22-dic-2011 23:36

http://i.imgur.com/47Qem.gif


La franja horaria es GMT -4. Ahora son las 02:40.

Desarrollado por: vBulletin® Versión 3.8.1
Derechos de Autor ©2000 - 2025, Jelsoft Enterprises Ltd.

Ad Management by RedTyger