13.08.2016
Par GloriaV
Ejemplo 3 Sombra inferior centrada
Ejemplo 3
Sombra inferior centrada
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...
Lire la suite
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
Ejemplo 3
Sombra inferior centrada
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...&lang=fr"
data-text="Ejemplo 3 Sombra inferior centrada
Ejemplo 3
Sombra inferior centrada
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." data-url="https://tutorialgloriav.eklablog.com/-a126602716" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
13.08.2016
Par GloriaV
Ejemplo 4 Sombra inferior perspectiva
Ejemplo 4
Sombra inferior perspectiva
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...
Lire la suite
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
Ejemplo 4
Sombra inferior perspectiva
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...&lang=fr"
data-text="Ejemplo 4 Sombra inferior perspectiva Ejemplo 4
Sombra inferior perspectiva
CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." data-url="https://tutorialgloriav.eklablog.com/-a126602706" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
13.08.2016
Par GloriaV
Ejemplo 5
Sombras laterales interiores
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative;...
Lire la suite
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative;..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
Ejemplo 5
Sombras laterales interiores
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative;...&lang=fr"
data-text=" Ejemplo 5
Sombras laterales interiores
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative;..." data-url="https://tutorialgloriav.eklablog.com/-a126602694" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
13.08.2016
Par GloriaV
Ejemplo 6 Sombras esquinas levantadas
Ejemplo 6
Sombras esquinas levantadas
CSS .caja{ width: 200px; height: 150px;...
Lire la suite
CSS .caja{ width: 200px; height: 150px;..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
Ejemplo 6
Sombras esquinas levantadas
CSS .caja{ width: 200px; height: 150px;...&lang=fr"
data-text="Ejemplo 6 Sombras esquinas levantadas Ejemplo 6
Sombras esquinas levantadas
13.08.2016
Par GloriaV
Ejemplo 6
Sombra interior exterior
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px / 100px; border: 1px dotted #9C9C9C; box-shadow: inset 0 4px 6px rgba(0,0,0,.5);...
Lire la suite
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px / 100px; border: 1px dotted #9C9C9C; box-shadow: inset 0 4px 6px rgba(0,0,0,.5);..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
Ejemplo 6
Sombra interior exterior
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px / 100px; border: 1px dotted #9C9C9C; box-shadow: inset 0 4px 6px rgba(0,0,0,.5);...&lang=fr"
data-text=" Ejemplo 6
Sombra interior exterior
CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px / 100px; border: 1px dotted #9C9C9C; box-shadow: inset 0 4px 6px rgba(0,0,0,.5);..." data-url="https://tutorialgloriav.eklablog.com/-a126602646" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
30.07.2015
Par GloriaV
box-shadow: 7px 7px 8px #818181; -webkit-box-shadow: 7px 7px 8px #818181; -moz-box-shadow: 7px 7px 8px #818181; box-shadow: inset 1px 1px 20px #000000; box-shadow: 0 0 9px rgba(0, 0, 0, .9),inset rgba(0,0,0,.6) 2px 5px 9px; -box-shadow: 0 2px 29px #0...
Lire la suite
21.07.2015
Par GloriaV
box-shadow: 5px 5px 30px #000; box-shadow: 0 0 5px #999; box-shadow: -1px -1px 8px #ccc, 1px -1px 8px #333, -1px 1px 1px #333, 1px 1px 12px #ccc; webkit-box-shadow: 0 0 25px #CA008B, 3px 4px 20px #5A00CA, -3px 4px 25px #00CA92, -3px -3px 25px #00CA6E,...
Lire la suite
20.07.2015
Par GloriaV
box-shadow: 10px 10px 5px #888888; box-shadow:inset 1px 2px 20px #000000; box-shadow: 1px 2px 20px #000000; box-shadow: 0px 0px 50px #000000;
Lire la suite
20.07.2015
Par GloriaV
box-shadow: 0 3px 9px #777, 0 3px 15px #CCC inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1); box-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333; box-shadow: 0 15px 10px rgba(0, 0, 0, 0....
Lire la suite
20.07.2015
Par GloriaV
box-shadow: 0 5px 5px 3px #000; Giro del elemento#sombreado_dos:before{ bottom: 10px; box-shadow: 0 5px 5px 3px #000; content:""; left: 6px; position: absolute; -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg);...
Lire la suite
