CSS & SVG Shapes and Designs

Here we're all about making the most out of CSS, SVG, creating shapes as well as contemporary designs. We welcome all who have an interest in the CSS, SVG (and related) tags.
2585d ago – Akshay
203

export all events for this room

Starred posts

1 2 3 4 5 7
Apr 9, 2017 2:59 PM
RIP Harry. Up there with the stars
5
Jun 23, 2015 12:36 PM
user image
6
May 11, 2016 11:34 PM
Oct 15, 2015 12:24 PM
posted on October 15, 2015 by Ian Yates

Time for another CodePen Challenge! With Halloween just around the corner, we’d like you to get creative with some spooky SVG. You have three characters to choose from–the best examples will be showcased at the end of October! The Challenge We want you to show off your SVG skills. You can use CSS, even JavaScript, but you’re not allowed to touch the SVG markup itself! The SVGs h

5
Jun 8, 2015 3:40 PM
Alright, who hacked @jbutler483's account and started making SVG's?
5
May 13, 2015 2:16 PM
@web-tiki I BRING YOU THE FEMALE TIKI-GOD: codepen.io/poi33/pen/gprMzv
5
Apr 18, 2016 11:53 AM
New users: Feel free to come in chat and talk. We are nice people.
4
Nov 20, 2015 2:33 PM
having fun with some elastic spring animations here codepen.io/web-tiki/pen/wKZGpM?editors=010 and here codepen.io/web-tiki/pen/megPay?editors=010
4
Aug 5, 2015 10:14 AM
It's alive!!!! jsfiddle.net/hjptbvw7/1
4
Feb 23, 2017 11:21 PM
Everyone here is the game i made: perimus.itch.io/rainbowship4
3
Jul 22, 2015 7:04 AM
@WoodrowBarlow: nice one here - codepen.io/wbarlow/pen/NqLWXJ congrats :)
4
Jul 2, 2015 1:30 PM
Here's my entry (didn't send it in yet) codepen.io/rvervuurt/pen/VLQQwr
4
Jun 30, 2015 11:04 AM
There, finaly finished my challenge entry here it is : codepen.io/web-tiki/full/qdpGBP please reoprt bugs and whatever feedback you think off :)
4
Jun 23, 2015 11:58 AM
rubber duck @Persijn
4
Jun 15, 2015 7:00 AM
posted on June 15, 2015 by Ian Yates

Several times this year we’ve run CodePen Challenges on Tuts+ and they’ve all been a huge hit. So I’m seriously excited to announce that we’re running another, but taking it to the next level! This time we’re wrapping the challenge up as an Envato Remix contest–the whole Envato community will be involved and we have some brilliant prizes on offer too!  What’s the Challenge? We want you to

4
Jan 11, 2017 4:19 PM
btw if any of you want to make things with CSS (hint JB!) check this out dailycssimages.com
3
Jun 4, 2015 6:30 PM
GUESS WHOS BACK
4
Jun 3, 2015 10:35 AM
Jun 2, 2015 7:59 AM
user image
4
May 5, 2015 10:02 AM
*****************************************************************************GUYS!!!!! codepen.io/tutsplus/pen/mJdOva*****************************************************************************
4
Apr 23, 2015 6:26 AM
Hey guys tuts+ is making a CSS challenge on codepen, they already have had 2 and the third is coming on the 5th of may
4
Apr 21, 2015 6:40 PM
What do you think of this Hexagon menu !
4
Oct 7, 2016 9:17 AM
awesome, my pen got featured codepen.io/web-tiki/details/QKapxJ
3
Jan 27, 2015 11:32 AM
user image
4
Jan 27, 2016 3:31 PM
I got to 10k. Woop :D
3
Jan 20, 2016 2:39 PM
0
A: How to create a circle with links on border side

HarryThe key to creating a circle with segments is to find points along the circle which would be used in the SVG path elements as coordinates. Finding points on a circle can be done easily using trigonometric equations if we know the angles. X Coordinate of point = Radius of the circle * Cos(Angl...

3
Jul 21, 2015 10:26 AM
Heh, this is pretty cool codepen.io/lbebber/pen/uIiJp
3
Jun 5, 2015 3:55 PM
Jun 3, 2015 2:59 PM
Star this message if you want @Jbutler483 back!
3
Jun 2, 2015 7:52 AM
Jun 1, 2015 1:52 PM
jsfiddle.net/hmryzvu5 the greatest css ever made
3
May 21, 2015 9:32 AM
are my eyes playing with me or does that link contain some wierd language?
3
May 14, 2015 11:28 AM
nice svg cheatsheet on codepen codepen.io/tjoen/pen/EDznr
3
May 14, 2015 8:00 AM
posted on May 14, 2015 by Ian Yates

Last week we asked you to take part in our third CodePen Challenge: to select your favorite Google font pairs and apply them to some sample content. Around 60 of you took part, showing us some great font combinations–here’s what you all did! The Challenge We asked you to style the following content (which you may recognize as the first page to be published on the world wide

3
Apr 29, 2015 10:39 AM
guys what do you think? codepen.io/jbutler483/pen/Mwwgbx
3
Mar 18, 2015 7:09 PM
Mar 13, 2015 10:59 AM
@web-tiki - my entry cssdeck.com/labs/loader-set
3
Jan 23, 2015 4:30 PM
here is a complete list ----> w3.org/TR/css3-color/#svg-color (lets make them demos pretty)
3
Mar 3, 2017 11:21 AM
I'm off now... cya'll later in the evening
2
1 2 3 4 5 7