The latest articles on Forem by Skye Wu (@skye). https://forem.com/skye https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F180217%2F5dccc843-4ae1-4151-bfc1-7f3e32b5a473.png https://forem.com/skye en Skye Wu Mon, 28 Oct 2019 00:49:50 +0000 https://forem.com/skye/square-loading-animation-17ff https://forem.com/skye/square-loading-animation-17ff <p>I fork and study this post, write my practice project</p> <div class="ltag__link"> <a href="/webdeasy" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F172865%2F8a39acb2-543c-4fe5-973f-5808e2308a28.png" alt="webdeasy"> </div> </a> <a href="/webdeasy/9-satisfying-css-animations-for-relaxation-5ggl" class="ltag__link__link"> <div class="ltag__link__content"> <h2>10 Satisfying CSS Animations for relaxation 💆</h2> <h3>webdeasy.de ・ Sep 15 '19</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#css</span> <span class="ltag__link__tag">#webdev</span> <span class="ltag__link__tag">#satisfying</span> </div> </div> </a> </div> <p>This is my practice project<br> <iframe height="600" src="https://codepen.io/flymaple/embed/zQJrRR?height=600&amp;default-tab=css,result&amp;embed-version=2"> </iframe> </p> css animation loading Skye Wu Thu, 24 Oct 2019 02:23:51 +0000 https://forem.com/skye/pure-css-animation-hamburger-menu-4phc https://forem.com/skye/pure-css-animation-hamburger-menu-4phc <p>I fork and study this post, write my practice project</p> <div class="ltag__link"> <a href="/ahmadbassamemran" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F161481%2F83b832d9-cc20-47c5-84c2-d1339d01056c.jpg" alt="ahmadbassamemran"> </div> </a> <a href="/ahmadbassamemran/awesome-css-animation-hamburger-menu-2aec" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Awesome CSS Animation Hamburger Menu</h2> <h3>Ahmad Emran ・ Aug 25 '19</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#codepen</span> <span class="ltag__link__tag">#javascript</span> <span class="ltag__link__tag">#html</span> <span class="ltag__link__tag">#css</span> </div> </div> </a> </div> <p>This is my practice project<br> <iframe src="https://stackblitz.com/edit/rs-css-hamburger?view=preview" width="100%" height="500"> </iframe> </p> css hamburger