csschallenge
Here are 16 public repositories matching this topic...
This challenge showcases an elegant image carousel using HTML and CSS animations. The carousel features a smooth transition effect between four images, creating a dynamic and visually appealing presentation.
-
Updated
Jul 15, 2024 - CSS
Is that a dark circle with a white stripe or the other way around?
-
Updated
Jul 14, 2024 - CSS
Send Mail: Surprise your visitors with a nice animation instead of a simple "request sent".
-
Updated
Jun 30, 2024 - CSS
The "Chromatic Duo" challenge features a split container with contrasting color schemes and shapes, showcasing the harmonious interaction of colors and shapes.
-
Updated
Jul 2, 2024 - CSS
In this challenge, participants are tasked with creating a visual representation of two waning crescent moons using HTML and CSS. The goal is to achieve a balanced and aesthetically pleasing composition against a backdrop of a specific shade of blue.
-
Updated
Jul 7, 2024 - CSS
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.
-
Updated
Jul 11, 2024 - CSS
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.
-
Updated
Jul 9, 2024 - CSS
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.
-
Updated
Jul 2, 2024 - CSS
Images, quotes, prices or logos. A carousel can be used in many ways and is an eye-catcher.
-
Updated
Jul 16, 2024 - CSS
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.
-
Updated
Jul 6, 2024 - CSS
"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.
-
Updated
Jul 7, 2024 - CSS
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.
-
Updated
Jul 3, 2024 - CSS
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.
-
Updated
Jul 1, 2024 - CSS
Don't sit on your chair all day long. Get up, jump, run, exercice and burn some calories.
-
Updated
Jul 2, 2024 - CSS
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.
-
Updated
Jul 3, 2024 - CSS
Improve this page
Add a description, image, and links to the csschallenge topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the csschallenge topic, visit your repo's landing page and select "manage topics."