Skip to main content

Posts

Showing posts with the label dynamic arrows

Arrow shapes using CSS

CSS is wonderful when it comes to presentation. Its all about how you tweak the colours.  I have managed to created "Single Headed" arrows and "Double Headed" arrows using pure CSS. Very useful if you want to change colours of arrows dynamically based on given criteria.   Please download the file at:   cssArrow The two main components are : Arrow Head, Arrow Body   which will have horizontal and Vertical types.  Below is the full HTML to test out Arrows using CSS.   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8″ /> <title>CSS Arrow Example</title> <meta name="revisit-after" content=" 30 days " /> <meta name="robots" content="index,follow" /> <meta name="rating" content="General" /> <meta name="MSSmartTagsPreventPar