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

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

input logo icon
"videoThumbnail CSS transform. 2D и 3D трансформации translate, scale, rotate и другие
Table des matières
|

Table des matières

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
Tags vidéo
|

Tags vidéo

фрилансер по жизни
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
Vous avez déjà installé UDL Helper Vous pouvez télécharger vidéo en seul clic !
Installé
pour
Google Chrome

Description :

Этот урок посвящен 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/unsupportedbrowser 🔴 Instagram: https://www.facebook.com/unsupportedbrowser 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©

Préparation des options de chargement

popular icon
Populaire
hd icon
HD vidéo
audio icon
Seulement le son
total icon
Tous les formats
* - Si la vidéo est lue dans un nouvel onglet, allez-y, puis faites un clic droit sur la vidéo et sélectionnez "Enregistrer la vidéo sous..."
** - Lien est destiné à la lecture en ligne dans des lecteurs spécialisés

Questions sur le téléchargement de vidéo

mobile menu iconComment puis-je télécharger la vidéo "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" ?mobile menu icon

  • Le site web http://unidownloader.com/ est le meilleur moyen de télécharger une vidéo ou une piste audio séparée si vous souhaitez éviter d'installer des programmes et des extensions.

  • L'extension UDL Helper est un bouton pratique qui s'intègre parfaitement aux sites YouTube, Instagram et OK.ru pour un téléchargement rapide du contenu.

  • Le programme UDL Client (pour Windows) est la solution la plus puissante qui supporte plus de 900 sites web, réseaux sociaux et sites d'hébergement vidéo, ainsi que toute qualité vidéo disponible dans la source.

  • UDL Lite est un moyen très pratique d'accéder à un site web depuis votre appareil mobile. Avec son aide, vous pouvez facilement télécharger des vidéos directement sur votre smartphone.

mobile menu iconQuel format de vidéo "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" faut-il choisir ?mobile menu icon

  • Les formats offrant la meilleure qualité sont les suivants : FullHD (1080p), 2K (1440p), 4K (2160p) et 8K (4320p). Plus la résolution de votre écran est élevée, plus la qualité de la vidéo doit être élevée. Toutefois, il faut aussi tenir compte d'autres facteurs : la vitesse de téléchargement, l'espace disponible et les performances de l'appareil pendant la lecture.

mobile menu iconPourquoi mon ordinateur se bloque-t-il lors du chargement d'une vidéo "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" ?mobile menu icon

  • Le navigateur/l'ordinateur ne doit pas se bloquer complètement ! Si cela arrive, veuillez le signaler en ajoutant un lien vers la vidéo. Parfois, les vidéos ne peuvent pas être téléchargées directement dans un format approprié, c'est pourquoi nous avons ajouté la possibilité de convertir le fichier au format souhaité. Dans certains cas, ce processus peut utiliser activement les ressources de l'ordinateur.

mobile menu iconComment puis-je télécharger une vidéo "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" sur mon téléphone ?mobile menu icon

  • Vous pouvez télécharger une vidéo sur votre smartphone en utilisant le site web ou l'application pwa UDL Lite. Il est également possible d'envoyer un lien de téléchargement via un code QR à l'aide de l'extension UDL Helper.

mobile menu iconComment puis-je télécharger une piste audio (musique) au format MP3 "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" ?mobile menu icon

  • Le moyen le plus pratique est d'utiliser le programme UDL Client, qui permet de convertir les vidéos en MP3. Dans certains cas, le format MP3 peut également être téléchargé grâce à l'extension UDL Helper.

mobile menu iconComment puis-je enregistrer une image d'une vidéo "CSS transform. 2D и 3D трансформации translate, scale, rotate и другие" ?mobile menu icon

  • Cette fonctionnalité est disponible dans l'extension UDL Helper.  Veuillez vous assurer que l'option "Afficher le bouton d'instantané de la vidéo" est cochée dans les paramètres. Une icône de caméra devrait apparaître dans le coin inférieur droit du lecteur, à gauche de l'icône "Paramètres". Lorsque vous cliquez dessus, l'image actuelle de la vidéo est enregistrée sur votre ordinateur au format JPEG.

mobile menu iconQuel est le prix de tout cela ?mobile menu icon

  • Cela ne coûte rien. Nos services sont absolument gratuits pour tous les utilisateurs. Il n'y a pas d'abonnement PRO, ni de restriction sur le nombre ou la durée maximale des vidéos à télécharger.