There are 0 repository under css-battle topic.
My solutions to some of the problems of CSSBattle
CSSBattle is an online CSS Code Golfing game. Here are my solutions to their challenges
Collection of my CSSBattle challenges completed.
css battle clone using next.js, typescript, and tailwindcss
#Daily_targets solution. A target for solution everyday.
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.
Repository for solved task on https://cssbattle.dev
CSS_Battle Target#118 Donkey-Kong Solved
Collection of my CSSBattle challenges/targets completed.
All of my CSS Battle codes can be found here. They are also available in Codepen
Creating thing with HTML and CSS only - https://cssbattle.dev/
The Blue Square Maze Challenge is a CSS exercise where you create a maze-like design using blue squares positioned within a container, showcasing creative use of CSS pseudo-elements and styling techniques.
Create a T-shaped design using HTML and CSS, focusing on positioning and layout techniques. Perfect for practicing CSS box-model properties and positioning elements effectively.
âš” A solutions repo for the code challenge website cssbattle.dev
My solutions to CSS Battle challenges.
A simple web layout featuring a main container with four positioned circles. Each circle has a unique design, including a dynamic pseudo-element for added visual effect.
Create a vibrant and playful citrus-themed design using HTML and CSS. This challenge features a central container with nested blocks styled to resemble slices of citrus fruits. The use of bright colors and overlapping elements adds a dynamic twist to the composition..
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.
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.
Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.
A CSS challenge where precision meets minimalism. Replicate a visually striking composition of purple dashes within a defined box using absolute positioning and precise dimensions.
This challenge involves creating a visually appealing composition using basic HTML and CSS techniques.
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.
This challenge involves creating a maze layout using div elements and CSS properties. The goal is to practice positioning and layering elements to form a visually appealing and structured design.
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: