7/23/2019 Ventana Flotante Spv
http://slidepdf.com/reader/full/ventana-flotante-spv 1/3
<div id='ventana-fotante'>
<a class='cerrar' hre='javascript:void(0);'
onclick='document!et"lement#$%d('ventana-
fotante')classame = 'oculto''><a>
<div id='contenedor'>
<div class='contenido'>
<im! src=*https:+,.c/1-a-+2c34aa-s-
sites!oo!le!roupscomsitesindicatoproesionalspv5alla620pu3licidad
6207uorumjp!* alt=*8epta!rama* hei!ht=*4,,* 9idth=*+1.* >
<div>
<div>
<div>
<st$le>
ventana-fotante
9idth: +0p; ncho de la ventana
hei!ht: 0p; lto de la ventana
3ack!round: cead; ?olor de ondo
position: @ed;
top: 10p;
let: ,06;
mar!in-let: -4,/p;
3order: 0p solid adad; #orde de la ventana
3o-shado9: 0 ,p 2,p r!3a(0A0A0A); Bom3ra
7/23/2019 Ventana Flotante Spv
http://slidepdf.com/reader/full/ventana-flotante-spv 2/3
C-inde:111;
D
ventana-fotante contenedor
paddin!: ,p 0p 0p 0p;
D
ventana-fotante cerrar
foat: ri!ht;
3order-3ottom: p solid 333;
3order-let: p solid 333;
color: 111;
3ack!round: 9hite;
line-hei!ht: 4p;
tet-decoration: none;
paddin!: 0p /p;
ont-amil$: rial;
3order-radius: 0 0 0 ,p;
3o-shado9: -p p 9hite;
ont-siCe: .p;
-9e3kit-transition: 4s;
-moC-transition: 4s;
-o-transition: 4s;
-ms-transition: 4s;
D
ventana-fotante cerrar:hover
3ack!round: +.+.;
color: 9hite;
tet-decoration: none;
tet-shado9: -p -p red;
7/23/2019 Ventana Flotante Spv
http://slidepdf.com/reader/full/ventana-flotante-spv 3/3
3order-3ottom: p solid red;
3order-let: p solid red;
D
ventana-fotante contenedor contenido
paddin!: 2,p;
3o-shado9: inset p p 9hite;
3ack!round: dec/; Eondo del mensaje
3order: p solid 1e1e; #orde del mensaje
ont-siCe: 20p; FamaGo del teto del mensaje
color: ,,,; ?olor del teto del mensaje
tet-shado9: p p 9hite;
mar!in: 0 auto;
3order-radius: /p;
D
oculto -9e3kit-transition:s;-moC-transition:s;-o-transition:s;-ms-
transition:s;opacit$:0;-ms-opacit$:0;-moC-opacit$:0;visi3ilit$:hidden;D
<st$le>
Top Related