Top "Css-shapes" questions

CSS-Shapes are made by the use of Cascade Styling Sheets to make HTML elements into shapes and images.

Pixelated edge around a CSS Circle with overflow: hidden;

Here is the JSFIDDLE of my cat/animation without any drop-shadows to show the problem as clearly as I can. …

html css css-shapes
Creating a triangle in css with a gradient background

I am trying to create a triangle in css with a gradient background. I have not had any success as …

css css-shapes psd
How can I create a round arrow with only HTML and CSS?

I'm trying to create a round directional arrow with CSS and HTML. Below are my attempts. Attempt 1 In this I …

html css css-shapes
How can I make a full width wave in CSS

I have been tasked with building a website. On this website they have footer in their mockup in the shape …

html css footer css-shapes
background image, linear gradient jagged edged result needs to be smooth edged

I'm trying to make the bottom of an image pointed. I've tried to get this effect by producing two triangles …

css responsive-design css-shapes linear-gradients
Create a lightning bolt design (like The Flash)

I am trying to re-create the lightning bolt symbol from The Flash (DC Comics) (or the T-shirt worn by Big …

html css svg css-shapes
How to make a smooth dashed border rotation animation like 'marching ants'

I'm working on a css animation that uses 'cogs and chains', but am unable to create a 'smooth' border rotation …

css svg css-animations css-shapes
Overlapping circles in CSS with 1 div

I'm looking to create this overlapping circles shape in CSS: Basically, just stacked circles. I've looked around, and all solutions …

html css svg css-shapes
two divs split with diagonal line - CSS

I am trying to get two divs to fit the full width of the page but split in half with …

css slider css-shapes diagonal
Single div horizontal CSS hexagon button

I'd like to create a CSS button in the shape of a hexagon using a single div to keep the …

css button css-shapes hexagonal-tiles