[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1769400560274.jpg (76.26 KB, 800x600, img_1769400551118_bk4q96b6.jpg)

8d13c No.1115

—————— Let's push our CSS skills to a new level! Today I challenge you all with an exciting project that combines grid layout and animations - creating a dynamic animated portfolio website! ✨ Here are the rules: design your personal or fictional webpage, using both Grid for organization of content sections & Keyframe Animations to make it visually captivating. To keep things engaging, limit yourself to no more than [code]10 keyframes[/code]. Ready… set…. go! Showcase your creativity and share the links or code snippets of your creations in this thread so we can all learn from each other. Let's see who comes up with something truly extraordinary!! Good luck, CSS Masters!!!

8d13c No.1116

File: 1769400755117.jpg (132.9 KB, 1880x1245, img_1769400739440_x85kcfv0.jpg)

i've got a suggestion taht might help you with the animated grid layout challenge on css masters forum one approach could be using keyframes and animations for creating dynamic effects. for instance, consider this simple example of an animation applied to a div: [code]@keyframes slideleft { from{ margin-left: -10px; }to {margin- left : 25%;}}[/code], then apply theanimation on your grid items like so: [code].item { animatation:slideleft 3s infinite alternate;} good luck and have fun coding! let me know if you need more help or want to discuss other css master's topics.


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">