The latest articles on DEV Community by Abdullah-Noor557 (@abdullahnoor). https://dev.to/abdullahnoor 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%2F625669%2F03b6cd12-a298-4143-a476-c5c921d15a34.jpg https://dev.to/abdullahnoor en Abdullah-Noor557 Thu, 06 May 2021 15:13:16 +0000 https://dev.to/abdullahnoor/animated-navbar-46p9 https://dev.to/abdullahnoor/animated-navbar-46p9 <p>today made a small animated navbar with pure css:</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ser9Fu9m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rdl1vqq0484665078rz9.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ser9Fu9m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rdl1vqq0484665078rz9.gif" alt="Alt Text"></a></p> <p>Codepen: <a href="https://codepen.io/Abdullah_Noor/pen/LYWYLvE">https://codepen.io/Abdullah_Noor/pen/LYWYLvE</a></p> <p>Follow me on twitter:<a href="https://twitter.com/ANoorDev">https://twitter.com/ANoorDev</a></p> webdev html css 100daysofcode Abdullah-Noor557 Thu, 06 May 2021 01:21:32 +0000 https://dev.to/abdullahnoor/boom-box-with-pure-css-1e98 https://dev.to/abdullahnoor/boom-box-with-pure-css-1e98 <p>Created this boom box with animation using pure html and css<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--cOhwFPNH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sq8cv049f32m64xb55nf.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--cOhwFPNH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sq8cv049f32m64xb55nf.gif" alt="Alt Text"></a></p> <p>CodePen:<br> <a href="https://codepen.io/Abdullah_Noor/pen/BaWaRmX">https://codepen.io/Abdullah_Noor/pen/BaWaRmX</a></p> <p>My twitter:<br> <a href="https://twitter.com/ANoorDev">https://twitter.com/ANoorDev</a></p> webdev css html Abdullah-Noor557 Tue, 04 May 2021 23:45:48 +0000 https://dev.to/abdullahnoor/animated-css-checkbox-2ig2 https://dev.to/abdullahnoor/animated-css-checkbox-2ig2 <p>So i made this animated check with pure html and css. The image upload is static but it is animated when you click on the check box.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--bJRAPpg5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gpuyahfn7mhp2z2li334.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bJRAPpg5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gpuyahfn7mhp2z2li334.gif" alt="Alt Text"></a></p> <p>Here is a link to the codepen:<br> <a href="https://codepen.io/Abdullah_Noor/pen/xxqKjzq">https://codepen.io/Abdullah_Noor/pen/xxqKjzq</a></p> <p>My twitter:<br> <a href="https://twitter.com/ANoorDev?s=09">https://twitter.com/ANoorDev?s=09</a></p> webdev html css