Kurs CSS odc. 5: Efekty hover, transition, transform

May 17, 2017

We got this video for you so that you don’t need to spend your time in the search.

Wesprzyj na Patronite ► https://patronite.pl/pasja-informatyki

[ 00:00:15 ] Tytułem wstępu
[ 00:00:37 ] Jaką witrynę wykonamy?
[ 00:01:00 ] odcinka diary
[ 00:02:37 ] Opis plików projektu
[ 00:03:42 ] Struktura witryny
[ 00:06:25 ] Hover effect .photo1 (poruszenie)
[ 00:07:24 ] Właściwość transform
[ 00:08:45 ] Zmiana skali obrazu – scale
[ 00:09:15 ] Płynne przejścia – transition
[ 00:11:06 ] Transformation vs. Transition
[ 00:11:30 ] Parameterization transition w akcji
[ 00:13:07 ] Słowo kluczowe all w transition
[ 00:15:22 ] Overflight effect .photo2 (transformacja złożona)
[ 00:15:55 ] Obrót elementu – rotate
[ 00:17:55 ] Skośne przekrzywienie elementu – skew
[ 00:19:38 ] Scale of Dwuargumentowy zapis
[ 00:20:12 ] Funkcje przejścia (czasowe) – ease of exit
[ 00:21:50 ] Możliwe transformacje
[ 00:22:20 ] Prefix właściwości transform I transition
[ 00:23:56 ] Hover effect .photo3 (nakładka z tekstem)
[ 00:27:15 ] Pozycja relatywna – position: relative;
[ 00:27:40 ] Pozycja statyczna – position: static;
[ 00:29:47 ] Pozycja absolutna – position: absolute;
[ 00:32:39 ] Opacity Użycie: 0; opacity 0.8; w hoverze
[ 00:34:18 ] Overflight effect .photo4 (nakładka z ikonką fontello)
[ 00:40:41 ] Hover effect .photo5 (efekt przybliżenia obrazu)
[ 00:43:36 ] Hover effect .photo6 (przybliżenie z obrotem)
[ 00:45:26 ] Podsumowanie wiedzy z odcinka

▬▬▬▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬▬▬▬▬

PLIKI DO ODCINKA:

https://miroslawzelent.pl/kurs-css/efekty-hover-transition-transform/

DOBROWOLNE WSPARCIE:

https://patronite.pl/pasja-informatyki
https://miroslawzelent.pl/dobrowolna-darowizna/

CODE REVIEW NA FORUM:

https://bit.ly/code-reviews-odcinkow

TRENAŻER EGZAMINACYJNY:

https://egzamin-informatyk.pl/

▬▬▬▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬▬▬▬▬

MUZYKA:

Tweets by SappheirosMusic

https://www.facebook.com/SappheirosMusic
A Creative Commons Attribution License (CC BY) states that the material may be shared, remixed and used commercially: https://bit.ly/CCAttribution

▬▬▬▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬▬▬▬▬

Zapraszamy:

https://pasja-informatyki.pl/
https://bit.ly/pasja-fb
https://bit.ly/pasja-gplus
https://egzamin-informatyk.pl/

Slider

https://miroslawzelent.pl/
https://forum.pasja-informatyki.pl/
Tweets by stelmach_damian
Tweets by MiroslawZelent

https://bit.ly/pasja-itunes.

This content was first published here.