background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Pobrać "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие"

input logo icon
Spis treści
|

Spis treści

0:00
Вступление
0:33
Свойство transform общее
2:17
Функция translate
6:50
Функция scale
9:25
Функция rotate
10:50
Функция skew
12:12
Функция matrix
14:23
Множественная 2D – трансформация
15:12
Свойство transform-origin
16:40
Свойства perspective \ perspective-origin
19:23
Функция translate3D
20:45
Функция scale3d
21:08
Функция rotate3d
22:04
Функция matrix3d
22:42
Множественная 3D – трансформация
23:35
Свойство transform-style
24:30
Свойство backface-visibility
Tagi wideo
|

Tagi wideo

фрилансер по жизни
css transform
css rotate
css translate
css transform tutorial
css scale
css skew
css 3d
2D и 3D трансформации
css transform animation
css transform
css transform translate
css transform style
css transform origin
css transform scale
css transform rotate
css transform property
css
html
css3
transform
css translate
css translate3d
translate3d css animation
css matrix
урок css transform
css 2d transform
Masz już zainstalowany UDL Helper Możesz pobrać film za pomocą 1 kliknięcia!
Zainstalowane
dla
Google Chrome

Opis:

Этот урок посвящен 2D и 3D трансформациям, а именно замечательному CSS свойству transform. С помощью 2D и 3D трансформаций translate, scale, rotate и других мы сможем сдвигать, поворачивать, масштабировать элементы и делать многое другое! И сейчас я все тебе покажу. Итак, наш супергерой - это свойство transform с различными значениями. Объект трансформации должен понимать свойства блочных объектов. Так же важно знать что трансформируемые элементы никак не влияют на окружение. Ну и еще одно, трансформации можно анимировать, как с помощью свойства transition так и с помощью конструкции animation и keyframes. 👍 Файлы урока - https://fls.guru/files/tutorials/transform.zip 🤟 Шпаргалка - https://fls.guru/transform.html 👉 CSS transitions - https://www.youtube.com/watch?v=yZFg3cuq_LU&list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr&index=22 👉 CSS animation и @keyframes - https://www.youtube.com/watch?v=GKgOOuTL0po&list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr&index=23 Содержание: 00:00 - Вступление 00:33 - Свойство transform общее 02:17 - Функция translate 06:50 - Функция scale 09:25 - Функция rotate 10:50 - Функция skew 12:12 - Функция matrix 14:23 - Множественная 2D – трансформация 15:12 - Свойство transform-origin 16:40 - Свойства perspective \ perspective-origin 19:23 - Функция translate3D 20:45 - Функция scale3d 21:08 - Функция rotate3d 22:04 - Функция matrix3d 22:42 - Множественная 3D – трансформация 23:35 - Свойство transform-style 24:30 - Свойство backface-visibility 🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) 🔴 Facebook: https://www.facebook.com/freelancerlifestyle 🔴 Instagram: https://www.instagram.com/freelancer.lifestyle 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©

Przygotowujemy opcje pobrania

popular icon
Popularne
hd icon
Filmy HD
audio icon
Tylko dźwięk
total icon
Wszystkie formaty
* — Jeśli wideo jest odtwarzane w nowej wkładce, przejdź do niej, a następnie kliknij na wideo prawym przyciskiem myszy i wybierz " Zapisz wideo jako..."
** — Link przeznaczony do odtwarzania online w specjalistycznych odtwarzaczach

Pytania dotyczące pobierania wideo

mobile menu iconJak mogę pobrać "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" wideo?mobile menu icon

  • Strona http://unidownloader.com/ to najlepszy sposób na pobranie wideo lub oddzielnej ścieżki audio, jeśli chcesz obejść się bez instalowania programów i rozszerzeń.

  • Rozszerzenie UDL Helper to wygodny przycisk, który jest płynnie zintegrowany z witrynami YouTube, Instagram i OK.ru w celu szybkiego pobierania treści.

  • Program UDL Client (dla Windows) to najpotężniejsze rozwiązanie, które obsługuje ponad 900 stron internetowych, sieci społecznościowych i witryn hostingowych wideo, a także dowolną jakość wideo dostępną w źródle.

  • UDL Lite to naprawdę wygodny sposób na dostęp do strony internetowej z urządzenia mobilnego. Z jego pomocą można łatwo pobierać filmy bezpośrednio na smartfona.

mobile menu iconJaki format wideo "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" powinienem wybrać?mobile menu icon

  • Najlepsze formaty jakości to FullHD (1080p), 2K (1440p), 4K (2160p) i 8K (4320p). Im wyższa rozdzielczość ekranu, tym wyższa powinna być jakość wideo. Istnieją jednak inne czynniki, które należy wziąć pod uwagę: szybkość pobierania, ilość wolnego miejsca i wydajność urządzenia podczas odtwarzania.

mobile menu iconDlaczego mój komputer zawiesza się podczas ładowania filmu "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие"?mobile menu icon

  • Przeglądarka/komputer nie powinny zawieszać się całkowicie! Jeśli tak się stanie, zgłoś to, podając link do filmu. Czasami filmów nie można pobrać bezpośrednio w odpowiednim formacie, dlatego dodaliśmy możliwość konwersji pliku do żądanego formatu. W niektórych przypadkach proces ten może aktywnie wykorzystywać zasoby komputera.

mobile menu iconJak mogę pobrać "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" wideo na mój telefon?mobile menu icon

  • Wideo można pobrać na smartfon za pomocą strony internetowej lub aplikacji PWA UDL Lite. Możliwe jest również wysłanie linku do pobrania za pomocą kodu QR przy użyciu rozszerzenia UDL Helper.

mobile menu iconJak mogę pobrać ścieżkę audio (muzykę) do MP3 "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие"?mobile menu icon

  • Najwygodniejszym sposobem jest użycie programu UDL Client, który obsługuje konwersję wideo do formatu MP3. W niektórych przypadkach MP3 można również pobrać za pomocą rozszerzenia UDL Helper.

mobile menu iconJak mogę zapisać klatkę z filmu "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие"?mobile menu icon

  • Ta funkcja jest dostępna w rozszerzeniu UDL Helper. Upewnij się, że opcja "Pokaż przycisk migawki wideo" jest zaznaczona w ustawieniach. Ikona kamery powinna pojawić się w prawym dolnym rogu odtwarzacza, po lewej stronie ikony "Ustawienia". Po jej kliknięciu bieżąca klatka z filmu zostanie zapisana na komputerze w formacie JPEG.

mobile menu iconJaka jest cena tego wszystkiego?mobile menu icon

  • To nic nie kosztuje. Nasze usługi są całkowicie darmowe dla wszystkich użytkowników. Nie ma subskrypcji PRO, nie ma ograniczeń co do liczby lub maksymalnej długości pobieranych filmów.