说明:
Этот урок посвящен 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 🤟 Живи, а работай в свободное время! ©
准备下载方式
http://unidownloader.com 网站是单独下载视频或音轨的最佳方式。如果您想避免安装程序和扩展。
UDL Helper 扩展是一个方便的按钮,嵌入YouTube、Instagram和OK.ru网站,用于快速下载内容。
UDL Client(适用于 Windows)支持900多个网站、社交网络和视频托管网站的最强大解决方案。包括源中可用的任何视频质量。
UDL Lite–从移动设备访问网站的便捷方式。借助此功能,您可以将视频直接下载到智能手机上。
最佳质量格式为全高清(1080p)、2K(1440p)、4K(2160p)和8K(4320p)。屏幕分辨率越高,视频质量也越高。然而,还有其他因素需要考虑:下载速度、可用空间和设备性能。
浏览器/电脑不应完全冻结!如果发生这种情况,请通过视频链接进行报告。有时视频无法以合适的格式直接下载,因此我们增加了将文件转换为所需格式的功能。在某些情况下,此过程可能会主动使用计算机资源。
您可以使用网站或pwa应用程序 UDL Lite 将视频下载到智能手机上。也可以使用 UDL Helper 扩展通过二维码发送下载链接。
最方便的方法是使用UDL Client 程序,该程序支持将视频转换为MP3格式。在某些情况下,MP3 也可以通过 UDL Helper 扩展下载。
此功能在 UDL Helper 扩展中可用。确保在设置中选中“显示视频快照按钮”。相机图标应出现在播放器的右下角“设置”图标的左侧。单击它时,视频中的当前帧将以 JPEG 格式保存到您的计算机中。
完全不要花钱。我们的服务对所有用户都是绝对免费的。没有PRO订阅,下载视频的数量或最大长度没有限制。