Problema con el :hover y el cursor: pointer
Publicado por agustin (1 intervención) el 20/10/2019 06:03:15
Hola gente, hice un pop-up para mi página web y al poner el cursor arriba de la cruz(icono) este no cambia, ya probé con un botón pero tampoco funciona. Les dejo el código
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
.bg-modal{
width: 150%;
height: 150%;
background-color: rgba(0, 0, 0, 0.0);
position: absolute;top: -40%;
display: flex;justify-content: center;
align-items: center;
}.modal-content {
width: 400px; height: 100px;background-color: white;
border-radius: 4px;
text-align: center;
padding: 20px;top: -13%;
right: 16.5%;
}.modal-content .btn-cerrar-popup{
font-size: 16px;
line-height: -10%;
display: block;text-align: right;
transition: .3s ease all;
color: #BBBBBB;
}.modal-content .btn-cerrar-popup:hover {
color: #000;
}.modal-content h3 {
font-size: 15px;
color: #54B927;
display:block;border-radius: 0px;
padding: -50%;
right: 50px;margin-top: 1px;
}Valora esta pregunta
0
