Repository for playing with 100 Days of CSS Challenge.
-
Updated
Mar 15, 2021 - CSS
Repository for playing with 100 Days of CSS Challenge.
100 Days of CSS challenge with Parcel, PostCSS and Pug.
This is a solution to the [QR code component challenge on Frontend Mentor].
Pure CSS Challenge - CSS can be pretty awesome, these are all made using CSS only.
QR code components Front-End Mentor Challenge
🎨 My version of the 100 Days of CSS challenge.
This project is a part of the 100 Days CSS Challenge. It focuses on creating a visually appealing, centered display of the number "100" using HTML and CSS. The design includes a gradient background and carefully positioned elements to form the digits.
Send Mail: Surprise your visitors with a nice animation instead of a simple "request sent".
Create a cluster of green circles using HTML and CSS, positioned within a larger circle on a green background. Each small circle is uniquely positioned using CSS transforms to achieve a clustered effect.
The "Chromatic Duo" challenge features a split container with contrasting color schemes and shapes, showcasing the harmonious interaction of colors and shapes.
Don't sit on your chair all day long. Get up, jump, run, exercice and burn some calories.
Create a stylish set of social media profile buttons using CSS, featuring tooltips and hover effects for Facebook, Twitter, Instagram, Github, and YouTube icons.
The 'Blue Canvas' challenge involves creating a visually appealing canvas using CSS. The canvas features a blue background with white squares arranged to form a unique design. The objective is to position and style these elements using CSS properties such as positioning, dimensions, and background colors.
This project demonstrates how to create animated typography using CSS animations combined with HTML elements. The animations are designed to highlight the text with dynamic shadow effects and vibrant colors.
Create harmony through geometric shapes with CSS. This challenge features a square and two circles, each carefully positioned to achieve a balanced composition against a vibrant background.
This CSS challenge creates a simple orrery-like model using HTML and CSS. It features a main container with two blocks, each containing two circles, arranged to resemble an orbital system. The challenge focuses on positioning elements and using absolute positioning, background colors, and border-radius properties to achieve the desired layout.
Explore dynamic typography with animated headers! This project showcases creative web typography using CSS animations and SVG graphics, inspired by modern design trends. Check out live demos and contribute to enhance visual experiences on the web.
What's the great thing about working through your to-do list? That's right, the relieving feeling when you can check off the tasks.
"Scarlet Geometry" is a stylish web layout challenge that uses HTML and CSS to create a centered container with two striking geometric blocks, elegantly showcasing shades of scarlet.
Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.
Add a description, image, and links to the css-challenge topic page so that developers can more easily learn about it.
To associate your repository with the css-challenge topic, visit your repo's landing page and select "manage topics."