Código de HTML - Botón En 3D!

Imágen de perfil

Botón En 3D!gráfica de visualizaciones


HTML

Publicado el 23 de Diciembre del 2014 por Luis-Miguel-
2.431 visualizaciones desde el 23 de Diciembre del 2014. Una media de 28 por semana
boton_3D

Requerimientos

Sólo nesecitamos editar el documento Index.html con cuanlquier editor de código o de texto y cambiar lo que gustemos..

Versión 1

Publicado el 23 de Diciembre del 2014gráfica de visualizaciones de la versión: Versión 1
2.432 visualizaciones desde el 23 de Diciembre del 2014. Una media de 28 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Texto En 3D!</title>
 
	<style>
		*{
			margin: 0px;
			padding: 0px;
		}
 
		#boton{
			position: relative;
			width: 200px;
			height: 25px;
			margin: 30px;
			text-align: center;
			display: inline-block;
			text-transform: uppercase;
			text-decoration: none;
			padding: 10px;
			background-color: tomato;
			color: white;
			font-weight: bold;
			border-bottom: 5px solid #E82604;
		}
 
		#boton:hover{
			background-color: #EB5C43;
			/*si quieres que el texto tenga un efecto de sombra solo quitale los de abajo*/
			/*text-shadow: 1px 1px 3px black;*/
		}
 
		#boton:active{
			position: relative;
			border-bottom: none;
			top: 5px;
			box-shadow: inset 1px 1px 2px black, 1px 1px 2px silver;
		}
 
		p{
		font-size: 25px;
		}
	</style>
</head>
<body>
 
<a href="https://www.youtube.com/channel/UCPFPzjdMZlHogqaQhlrMaHA" id="boton"><p>Youtube</p></a>
 
</body>
</html>



Comentarios sobre la versión: Versión 1 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2974