Css ,jak zrobić by po najechaniu na div pojawił sie tekst

0

.wybor1 {
margin:25px;
width: 350px;
height: 100px;
float: left;
border:2px solid;
border-image: linear-gradient(150deg, rgb(48, 2, 252),rgb(255, 68, 0));
border-image-slice: 1;

}

.wybor1:hover {
transform: skewX( -6deg );
cursor:pointer;
content:'Kino';
background: linear-gradient(
rgba(0 , 0 , 0 ,0.3),
rgba(0 , 0 , 0 ,0.3)
);
}

Próbowałem poprzez content ,ale najwyrazniej to nie zadziała :/

1

Spróbuj np użyć:
text-indent:-9999px;
i:
text-indent:0px;

p.s. I chcesz to tak w samym CSS, bez Angulara? ;)

0

.wybor1 {
margin:25px;
width: 350px;
height: 100px;
float: left;
text-indent:-9999px;
border:2px solid;
border-image: linear-gradient(150deg, rgb(48, 2, 252),rgb(255, 68, 0));
border-image-slice: 1;
background-image: url(../assets/img/wybor1.jpg);
}

.wybor1:hover {
text-indent:0px;
transform: skewX( -10deg );
transition: transform 0.5s;
cursor:pointer;
content:'Kino';
background: linear-gradient(
rgba(0 , 0 , 0 ,0.3),
rgba(0 , 0 , 0 ,0.3)
);
background-image: url(../assets/img/wybor1.jpg);
}

Okej dzieki tamto z tekstem działa , wiesz może jak zrobić by to tlo po najechaniu było przyciemnione tak jakby nachodziło na nie inne tło z jakiegoś koloru.

0
Greedri napisał(a):

jak zrobić by to tlo po najechaniu było przyciemnione tak jakby nachodziło na nie inne tło z jakiegoś koloru.

https://www.w3schools.com/css/css3_gradients.asp

0

Angular ma animacje sam w sobie+paczki, nie ma potrzeby szarpać się z pongliszem css.

1 użytkowników online, w tym zalogowanych: 0, gości: 1