JSFiddle

eyelyn's public fiddles

• Dropdown Login Box

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Extended Contend

  CSS Trick: Expanding Background Color Beyond Parent div

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Image Horizontal Scroll

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Colored List Style Type

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Chatbubble

  Creating Triangles in CSS

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Arrow Up & Arrow Down

  box with zero width and height, actual width and height of the arrow is determined by the width of the border, Arrow Up the bottom border is colored while the left and right are transparent, which forms the triangle Arrow Down the top, left and right border are colored different, which forms the triangle

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drop Down Menu 3

  evenly distributed, inherited witdh, transitions

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Inherited Submenu Width

  dropdown <li> same with as toplevel <li>

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drop Down Menu 2

  most simple css only, no JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Horizontally Evenly Distributed Menu

  navbar <div>, inside is an <ul> and each <li> contains an <a>; <li> evenly distributed and centered inside the <ul> (which is inside the navbar <div>)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drop Down Menu

  most simple css only, no js

• Private fiddle Extra
• Delete fiddle
Groups Extra