Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Projects in Awesome Lists tagged with css-battle

A curated list of projects in awesome lists tagged with css-battle .

- Recently synced
- Stars

https://github.com/hankolsen/css-battle

My solutions for a few Css Battles. The goal is not to write hacky unreadable css, but rather to use as few html elements as possible.

css css-battle css-battle-solutions html

Last synced: 13 Nov 2024

https://github.com/sina-byn/css-battle-clone

css battle clone using next.js, typescript, and tailwindcss

css-battle nextjs tailwindcss typescript

Last synced: 05 Nov 2024

https://github.com/yashi-singh-1/yellow-slats

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:

css css-battle css-battle-dev css-battledev css-challenge css3 cssbattle cssbattle-dev cssbattledev html html-css html5 html5-css3-challenge html5-csss3 html5css3 html5css3challenge htmlcss

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/prismatic-shift

Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.

css css-battle css-challenge css-transform css3 cssbattle csschallnege html html-css html5 htmlcss transformation translation

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/simple-composition

This challenge involves creating a visually appealing composition using basic HTML and CSS techniques.

css css-battle css-battle-dev css3 cssbattle cssbattledev html html-css-challenge html5 html5-css3 html5css3 htmlcsschallnege web-art web-deisgn webart webdesign

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/interlocking-circles

The challenge is to create an interlocking circles design using HTML and CSS. It involves a main container with a square and two circular shapes. The square has two overlapping circles using pseudo-elements, and additional semi-circle and circle elements are positioned to complete the interlocking effect.

css css-battle css-battle-dev css-battle-solutions css3 cssbattledev html html5

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/squiggle-challenge

The Squiggle Challenge utilizes HTML and CSS to construct a visually engaging design. It incorporates semicircles and circular dots arranged within a centered container. Using absolute positioning and various styling properties such as border-radius, box-shadow, and background-color, it achieves a distinctive and dynamic appearance.

css css-battle css-battle-dev css3 cssbattle cssbattledev html html-css html-css-challenge html5 html5-css3 html5-css3-challenge html5css3 htmlcss web-art web-design webart webdesign

Last synced: 10 Nov 2024

https://github.com/yashi-singh-1/interlocking-dashes

Welcome to the Interlocking Dashes challenge! In this challenge, you will create a visually appealing design featuring two overlapping elements with dashed borders. The design emphasizes the interplay between the borders of the elements to create an interlocking effect.

css css-battle css3 cssbattle cssbattle-solutions front-end front-endchallenge frontend frontend-challenge html html-css html-css-challenge html-csschallenge html5 htmlcss htmlcss-challenge htmlcsschallenge