Cookie Consent by Free Privacy Policy Generator 📌 Submission for Frontend Challenge Earth-Day-Edition: different elements of Earth: CSS Card animation


✅ Submission for Frontend Challenge Earth-Day-Edition: different elements of Earth: CSS Card animation


💡 Newskategorie: Programmierung
🔗 Quelle: dev.to

This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup: Earth Day Celebration Landing Page

What I Built

The inspiration for this CSS animation project is drawn from the various elements of earth (soil, water, fire, air, and space).

Demo
Below given is live link for the submission.
Live Link: https://sundus-hussain.github.io/final_earth_day/

Journey
The journey begins with finding the right concept.
This design embraces a whimsical yet sophisticated aesthetic, revealing hidden treasures with every click.
Witness creativity blossoming in every pixel, inviting exploration and discovery at every click.
This design is created keeping in mind about the color contrast and opacity of the images(I am still doubtful about it.... hope you like it!!!), and screen reader compatibility.
Responsive design ensures a flawless viewing experience across devices, from desktops to smartphones.
image links:(https://www.craiyon.com/image/sKXNCYtIR5GwfYl4bfKIZg , https://www.istockphoto.com/photo/burning-earth-gm174702179-9948965 , https://sm.mashable.com/mashable_in/photo/default/gw-copy_87rn.jpg, https://w0.peakpx.com/wallpaper/740/461/HD-wallpaper-earth-view-from-space-earth-space-digital-universe.jpg , https://t4.ftcdn.net/jpg/05/55/32/99/360_F_555329972_7CNEDOvl34YykCyeoRe8dMbF5yNTcDRE.jpg, https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR125PDJbp3L8zOWWTIfke2E4kft5TzVpBsq3LyeJePs2LKkBN5)

Thank you!

...

✅ Introduction of CSS, What is CSS, Why we use CSS and How CSS describe the HTML elements


📈 45.89 Punkte

✅ Frontend Challenge Submission


📈 36.25 Punkte

✅ Frontend Challenge v24.04.17 Submission


📈 36.25 Punkte

✅ Animation -22 : Cube Flipping Loader CSS Animation


📈 34.43 Punkte

✅ Animation -19 : Simple preloader CSS Animation


📈 34.43 Punkte

✅ Animation -18 : Pure CSS Gooey Loader Animation


📈 34.43 Punkte

✅ Animation -13 : Simple Content Preload CSS Animation


📈 34.43 Punkte

✅ Updated Researcher Portal Submission Form: Discover the New Fields in the Submission Form


📈 31.68 Punkte

✅ ✨ Stunning HTML & CSS Card Animation Tutorial on Hover 💻


📈 29.05 Punkte

✅ Building a 3D Card Flip Animation with CSS Houdini


📈 29.05 Punkte

✅ Frontend Challenge: CSS is a Beach


📈 28.75 Punkte

✅ Frontend Challenge CSS Beach


📈 28.75 Punkte

✅ Frontend Challenge: Pride Month Pure CSS Pixel Art


📈 28.75 Punkte

✅ Frontend Challenge: Evil Cat CSS


📈 28.75 Punkte

✅ 🎉🎉 E-commerce product page in HTML, CSS and JavaScript - Frontend Mentor Challenge


📈 28.75 Punkte

✅ Frontend CSS Art Challenge- Orange Candy Ice Cream


📈 28.75 Punkte

✅ NFT Preview Card Component Challenge from Frontend Mentor


📈 28.08 Punkte

✅ Learn CSS by Building the Microsoft Logo 2 Different Ways in Pure CSS


📈 26.95 Punkte

✅ Animation -17 : Staggered Stair Loading Animation


📈 26.09 Punkte

✅ Pencil2D Animation - Opensource animation software


📈 26.09 Punkte

✅ Rendering( or How to Render) Animation in JSON format with LottieFiles animation in React application


📈 26.09 Punkte

✅ Specify how multiple animation effects should composite with `animation-composition`


📈 26.09 Punkte

✅ Google Chrome up to 17.0.963.56 SVG Animation Elements resource management


📈 25.59 Punkte

✅ Semantic elements, Semantic elements in HTML, HTML style guide and declaring document types


📈 25.08 Punkte

✅ Adobe Photoshop Elements 2021 and Premiere Elements 2021 released today


📈 25.08 Punkte

✅ HTML layout elements and techniques, HTML responsive web designs, HTML computer code elements


📈 25.08 Punkte

✅ Learn what's new in Adobe Photoshop Elements and Premiere Elements 2021


📈 25.08 Punkte

✅ CVE-2023-33930 | Unlimited Elements Unlimited Elements for Elementor Plugin unrestricted upload


📈 25.08 Punkte

✅ Photoshop Elements und Premiere Elements 2020: Neue Versionen der Budget-Tools verfügbar


📈 25.08 Punkte

✅ Elements+ für Adobe Photoshop Elements 2024 Englisch


📈 25.08 Punkte

✅ Adobe bringt Photoshop Elements 2020 und Premiere Elements 2020


📈 25.08 Punkte

✅ Make elements of Array equal by repeatedly dividing elements by 2 or 3


📈 25.08 Punkte











matomo

Datei nicht gefunden!