Programming Blog
Web development , php , ajax , symfony, framework, zend
Creating Triangles With Pure CSS
In: web resources
31 Dec 2009Several months ago, a post at WRD (CSS Tooltips Pointers With No Images) was sharing a technique which e as
As elements in HTML are square/rectangle shaped, creating a triangle using pure HTML/CSS may not seem to be possible.
However, as browsers draw borders at angles, it is possible to create an illusion which Jon Rohan is sharing in detail.
The technique simply uses a colored border with large pixels for one side of an element with leaving other sides transparent.
As expected, IE6 doesn't support this trick by default but Jon Rohan shows how to "hack" this with few CSS rules.
P.S. You may also want to check CSS Tooltips Pointers With No Images post at WRD which uses a similar technique.
Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets
Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!
Tags: Triangle
Related posts
- No related posts.
- Tags: cheap ssl certificates, colored border, CSS, css rules, dynamic drag, Jon Rohan, P.S. You, post, technique, tooltips, twitter, WRD
Comment Form
About this blog
This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.
8 Responses to Creating Triangles With Pure CSS
chicken noodle soup
January 24th, 2010 at 9:21 am
Type out a legend(sort of a key to let you know what equals which angle)
For ex:
Let x =1st angle
Let 4 times x =2nd angle
Sum of two supplementary angles add up to 180 degrees.
Next step: add the two angles: 1x+4x and set equal to 180.
Solve by combining like terms with addition. The, you will need to divide by the coefficient(# in front of x) on both sides.
Vamshi
March 14th, 2010 at 10:20 am
Use it as an Affiliate Marketing Tool
Download twhirl – it’s a little instant message screen that shows all the action going on in twitter. If someone says something interesting, reply to them or ask people questions and start interacting with the best in the business. If you’re looking for an real estate agent, make a tweet saying "I need help with a real estate agent in your local area". You will be amazed at the response you will get within a few a minutes. While IMing people on thwirl won’t help you make money that second, it will help you build relationships with other people in your industry. If you make conversation with the right people, you’ll start to feel like you know them well enough. This can lead to taking your business one step higher, you can meet up with these people and maybe even talk about affiliate marketing. Potentially then we can help each other make some more money. We all know networking in affiliate marketing is key…twittering is actually a great way to start.
Making Money on Twitter
Chris Russo, a sports entrepreneur, founded Fantasy Sports Ventures in 2006, and is now getting a piece of McDonald's marketing millions with Twitter! Russo's total revenue is expected to double this year to $10 million, thanks to the burger giant and Twitter. If Russo can double his fortunes, you can too!
darin
March 17th, 2010 at 3:55 am
go to generator on myspacemaster.net
Shadow the hedgehog
March 18th, 2010 at 10:57 am
Like December 7th
Walter S
March 19th, 2010 at 5:01 am
because you can change the color of your border now. it was in the latest update. just click on your proflie and there is a color tab on the top left. select it and you can change yours to.
SCRQNET
March 19th, 2010 at 8:35 am
Like the person above me said practice, practice and practice some more. If you have like any type of wall you can use knock the ball against the wall, trap it, kick it again until you are comfortable with both feet.
JFK
March 20th, 2010 at 12:50 pm
Linux is basically Just An Operating System Similar To Windows ( A Little Less Complex ). The Benefits Are If You Would Like A "PC" Type Interface Running Off Your PS3 and are interested in using it as a server ect. , But If You Are Interested In Games ect. It Would Be advisable That You Leave The XMB The Way It Is, It Is Much SImpler To Use. I Would Also Advise you Not To Try Anything Until You Gain A Bit More Knowledge About The Linux System.
But Hey!, If You Fancy Having A Go At Using Linux, Why Not! If You Don't Like It, Simply Use The format Utility, Format The Hard Drive And Presto Chango, Your Back to The Good Ol' XMB.
mo
March 21st, 2010 at 6:12 pm
a page 800 x 600 that will still look great on larger screens. Center your presentation, with contact details. It shouldn't be a part of your public sight if you have one, just a page by invitation via a resume application only
Something an art director can look at easily. No fancy stuff just your work. flash Slide show works
5 minutes of his/her time is all you have, if you're lucky.