Css ,Angular

Odpowiedz Nowy wątek
2019-11-01 22: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;
background-image: url(../assets/img/wybor1.jpg);
position: relative;
left:0;
top:0;
}

.wybor1:hover{
transform: scale(1.08);
transition-duration: 0.6s;
transition-delay: 0.3s;
cursor:pointer;
font-size:35px;
color:rgb(243, 194, 61);
text-align: left;
text-transform: uppercase;
text-shadow: 3px 4px 10px rgb(121, 24, 248);
filter: url(../assets/img/wybor1.jpg) grayscale(50%);
left:13.5px;
top:0.11em;
}

Kod z cssa , tworzy prostą animacje powiększenia diva , Jak zrobić gdy kursor juz nie bedzie na divie ,nastepnie powstanie animacja zminiejszenia diva do standardowej wielkości ?

edytowany 2x, ostatnio: Greedri, 2019-11-01 22:10
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.99988806) - Tasmanian Devil 2019-11-01 22:24

Pozostało 580 znaków

2019-11-01 22:12
0

https://www.w3schools.com/css[...]?filename=trycss3_transition1


Pozostało 580 znaków

2019-11-01 22:35
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