[TuT]LETRA 3D EN HTML!!!!

Topic created · 2 Mensajes · 1371 Visitas
  • hola gente les vengo a enseñar como haser letra 3d con css3 yo la encontre bastante genial :want:

    los pasos son simples

    creamos una div

    # jojoojojoj ke letra perfecta! 
        
    
    FireFox, Opera, Safari y Chrome 
    

    hr

    ahora con css!

    #uj{
    	width:960px;
            height:500px;
    	padding:50px 10px 0 10px;
    	margin:0 auto;
            text-align:center;
    }
    #uj h1{
        font:normal 60pt Arial;
        color:#FFFFFF;
        text-shadow: 0 1px 0 #ccc,
                   0 2px 0 #c9c9c9,
                   0 3px 0 #bbb,
                   0 4px 0 #b9b9b9,
                   0 5px 0 #aaa,
                   0 6px 1px rgba(0,0,0,.1),
                   0 0 5px rgba(0,0,0,.1),
                   0 1px 3px rgba(0,0,0,.3),
                   0 3px 5px rgba(0,0,0,.2),
                   0 5px 10px rgba(0,0,0,.25),
                   0 10px 10px rgba(0,0,0,.2),
                   0 20px 20px rgba(0,0,0,.15);
    }
    #uj p{
        font:normal 40pt Arial;
        color:#FFFFFF;
        text-shadow: 0 1px 0 #ccc,
                   0 2px 0 #c9c9c9,
                   0 3px 0 #bbb,
                   0 4px 0 #b9b9b9,
                   0 5px 0 #aaa,
                   0 6px 1px rgba(0,0,0,.1),
                   0 0 5px rgba(0,0,0,.1),
                   0 1px 3px rgba(0,0,0,.3),
                   0 3px 5px rgba(0,0,0,.2),
                   0 5px 10px rgba(0,0,0,.25),
                   0 10px 10px rgba(0,0,0,.2),
                   0 20px 20px rgba(0,0,0,.15);
    }
    

    funciona para safari opera chrome mozila pero creo ke internet exploret no :bah:

    el resultado es algo asi

  • :want:LO INTENTARE *_*