100 Days of CSS challenge with Parcel, PostCSS and Pug.
-
Updated
Dec 10, 2022 - CSS
100 Days of CSS challenge with Parcel, PostCSS and Pug.
🎨 My version of the 100 Days of CSS challenge.
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.
Send Mail: Surprise your visitors with a nice animation instead of a simple "request sent".
Pure CSS Challenge - CSS can be pretty awesome, these are all made using CSS only.
Create a stylish set of social media profile buttons using CSS, featuring tooltips and hover effects for Facebook, Twitter, Instagram, Github, and YouTube icons.
QR code components Front-End Mentor Challenge
This challenge involves creating a visually appealing layout using HTML and CSS, with a focus on positioning and styling elements to form a specific design. The primary task is to understand and implement the following:
What can I say, it is a line. A line that moves and circles something. What should it be? That's for you to decide.
I wonder how high or low is the maximum you can count here? The transitions are pure CSS, but I used some JS for the counting.
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.
Don't sit on your chair all day long. Get up, jump, run, exercice and burn some calories.
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.
This is a solution to the [QR code component challenge on Frontend Mentor].
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.
Repository for playing with 100 Days of CSS Challenge.
The "Chromatic Duo" challenge features a split container with contrasting color schemes and shapes, showcasing the harmonious interaction of colors and shapes.
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.
Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.
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.
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."