#css-shapes

Fixed How does this CSS triangle shape work? #dev #it #asnwer

How does this CSS triangle shape work?

There’re plenty of different CSS shapes over at http://css-tricks.com/examples/ShapesOfCSS/ and I’m particularly puzzled with a triangle:

#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; }

So, how and why does it work?

Answer: How does this CSS triangle shape work?

How to: How does this CSS triangle shape work?

How does this CSS triangle shape work?

There’re plenty of different CSS shapes over at http://css-tricks.com/examples/ShapesOfCSS/ and I’m particularly puzzled with a triangle:

#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; }

So, how and why does it work?

Answer: How does this CSS triangle shape work?

WordPress Magic – TEN THINGS TRENDING Sep 18 2014

1. The Bézier Game “Click on the link – The lines on the screen can be bent by your mouse pointer.” Get Started

2. Getting Started with CSS Shapes: Wrapping content around custom paths – HTML5 Rocks"For a long time, web designers have been forced to create within the constraints of the rectangle. Most content on the web is still trapped in simple boxes because most creative ventures into…

TEN THINGS TRENDING – WPMagic – Thursday May 1, 2014

1. 1Password for Mac Have a look at 1Password in this post-HeartBleed world. The mac version now has tools to detect sites with issues. Those that you really should change your password on. 2. User Forum — DEVONtechnologies • View topic – sorter problem Solution: Terminal defaults delete com.devon-technologies.think-sorter Then restart DEVONthink and sorter 3. CSS Shapes 101 · An A List Apart…