{"id":12780,"date":"2021-12-09T14:57:37","date_gmt":"2021-12-09T14:57:37","guid":{"rendered":"http:\/\/blog.bachi.net\/?p=12780"},"modified":"2023-02-20T09:22:24","modified_gmt":"2023-02-20T09:22:24","slug":"css-videos","status":"publish","type":"post","link":"https:\/\/blog.bachi.net\/?p=12780","title":{"rendered":"CSS Videos"},"content":{"rendered":"<h1>YouTube<\/h1>\n<h3>Online Tutorials<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=a3rofqqrTBE\">Magic Navigation Menu Indicator using Html CSS &#038; Javascript | Curve Outside Effects 02<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=YhXxBhInJMI\">Colorful Rain Animation Effects using Html CSS &#038; Vanilla Javascript<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=U-ePoM4EDXA\">Top CSS &#038; Javascript Animation &#038; Hover Effects | January 2021<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=ArTVfdHOB-M\">Magic Navigation Menu Indicator using Html CSS &#038; Javascript | Curve Outside Effects<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=O9d4d18zaFw\">CSS 3D Text Animation Effects | Html CSS Animated Cigarette<\/a><\/p>\n<h3>Coding &#8211; kurz und knapp<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=19RwQbD0fSg\">Responsive Navigationsleisten | HTML, Flexbox, JavaScript, CSS Tutorial Deutsch<\/a><\/p>\n<h3>Kevin Powell<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=rg7Fvvl3taU\">Learn CSS Grid the easy way<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=VJGBjSGPpVk\">Amazing 3D CSS creations from my community<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=vQAvjof1oe4\">Flexbox design patterns you can use in your projects<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=HbBMp6yUXO0\">Responsive navbar tutorial using HTML CSS &#038; JS<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=JHregeIsjPQ\">Simplify your CSS with these 3 grid layout solutions<\/a><\/p>\n<h3>Rachel Andrew<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=yMEjLBKyvEg\">The fundamentals of CSS layout | Workshop<\/a><br \/>\n<a href=\"https:\/\/noti.st\/rachelandrew\/IQsXZC\/css-layout-workshop\">CSS Layout Workshop<\/a><\/p>\n<h3>The Net Ninja<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/playlist?list=PL4cUxeGkcC9i3FXJSUfmsNOx8E7u6UuhG\">CSS Flexbox Tutorial<\/a> (Playlist)<br \/>\n<a href=\"https:\/\/github.com\/iamshaunjp\">github.com\/iamshaunjp<\/a><br \/>\n<a href=\"https:\/\/github.com\/iamshaunjp\/css-flexbox-playlist\">github.com\/iamshaunjp\/css-flexbox-playlist<\/a><\/p>\n<h3>Unleashed Design<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=sB-ooIXFTjg\">CSS3 Grid\/Flex Layout richtig nutzen! [TUTORIAL]<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=M4LkYnhMKIM\">Dieser CSS Card Effekt macht s\u00fcchtig! Spotlight Border Animation [DE\/Tutorial]<\/a><\/p>\n<h3>Web Dev Simplified<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=Qf-wVa9y9V4\">Learn CSS Display Property In 4 Minutes<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=jx5jmI0UlXU\">Learn CSS Position In 9 Minutes<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=yU7jJ3NbPdA\">Learn CSS Media Query In 7 Minutes<\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=dOgFkZiVC8w\">HTML und CSS Tutorial f\u00fcr Anf\u00e4nger | Eigene Webseite erstellen<\/a><\/p>\n<h3>The Morpheus Tutorials<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=YWJ2yQTt8tw\">CSS 3 Tutorial #24 &#8211; Animationen Grundlagen<\/a><\/p>\n<h3>Cod Mark<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=wqb0kaRdyyA\">Border Animation CSS | Quick Animation<\/a><\/p>\n<h3>LearnWebCode<\/h3>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=DJq6R2b0FoE\">CSS Layout: Flexbox &#038; Grid Basics<\/a><\/p>\n<p><!-- ----------------------------------------------------------------------------------- --><\/p>\n<h1>Text<\/h1>\n<h3>Mozilla<\/h3>\n<p><a href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/CSS\/CSS_Flexible_Box_Layout\/Basic_Concepts_of_Flexbox\">Grundlegende Konzepte der Flexbox<\/a><\/p>\n<h3>CSS-Tricks Text<\/h3>\n<p><a href=\"https:\/\/css-tricks.com\/snippets\/css\/a-guide-to-flexbox\/\">A Complete Guide to Flexbox<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/intro-to-vue-5-animations\/\">Intro to Vue.js: Animations<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/intro-to-vue-4-vuex\/\">Intro to Vue.js: Vuex<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/creating-vue-js-component-instances-programmatically\/\">Creating Vue.js Component Instances Programmatically<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/creating-vue-js-transitions-animations\/\">Creating Vue.js Transitions &#038; Animations<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/vue-design-system\/\">Vue Design System<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/getting-started-with-vue-plugins\/\">Getting Started with Vue Plugins<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/how-the-vue-composition-api-replaces-vue-mixins\/\">How the Vue Composition API Replaces Vue Mixins<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/vue-3\/\">Vue 3<\/a><\/p>\n<h3>vscode<\/h3>\n<p><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=sdras.vue-vscode-snippets\">Vue VSCode Snippets<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>YouTube Online Tutorials Magic Navigation Menu Indicator using Html CSS &#038; Javascript | Curve Outside Effects 02 Colorful Rain Animation Effects using Html CSS &#038; Vanilla Javascript Top CSS &#038; Javascript Animation &#038; Hover Effects | January 2021 Magic Navigation Menu Indicator using Html CSS &#038; Javascript | Curve Outside Effects CSS 3D Text Animation [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12780","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts\/12780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12780"}],"version-history":[{"count":10,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts\/12780\/revisions"}],"predecessor-version":[{"id":13838,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=\/wp\/v2\/posts\/12780\/revisions\/13838"}],"wp:attachment":[{"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.bachi.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}