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

Odpowiedz Nowy wątek
2019-11-01 19:09
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 :/

Pozostało 580 znaków

2019-11-01 19:21
1

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

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


edytowany 1x, ostatnio: Freja Draco, 2019-11-01 19:24

Pozostało 580 znaków

2019-11-01 19:34
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.

Hej! Twój post prawdopodobnie zawiera niesformatowany kod. Użyj znaczników ``` aby oznaczyć, co jest kodem, będzie łatwiej czytać. (jestem botem, ta akcja została wykonana automatycznie, prawdopodobieństwo 0.99750847) - Tasmanian Devil 2019-11-01 19:53

Pozostało 580 znaków

2019-11-01 20:52
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


Pozostało 580 znaków

2019-11-01 22:36
0

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


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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