How can I create this shape in CSS? [closed]


Tags: html,css

Problem :

I'd like to create a shape like but purely in CSS. Is it possible? How? Many thanks, enter image description here



Solution :

#shape
{
    width: 100px;
    height: 0;
    border-top: solid 40px blue;
    border-left: solid 40px transparent;
}

Demo: http://jsfiddle.net/FTu6R/


    CSS Howto..

    How to trigger CSS-Filter animation on Click (or Scrolling)

    How can I get the images in my carousel to center?

    How to stop css animation in current position on hover?

    How can I make two divs stack whilst still having my text wrap without media queries

    How to control the expandability of textarea from width perspective

    how to move fixed slider to top when scrolling using CSS only

    PHP imagecopyresampled + how to get the best results

    How to CSS style a table such that cells is at most 30% of screen height and use a scroll bar when it's taller?

    CSS how to make a fixed height?

    How quora put that image on their home page? [closed]

    How to style CGI python with CSS?

    How to show hidden div in the same line as the paragraph text?

    how can i change the css style on click with table

    CSS: Hover in one DIV, how to display information from another DIV?

    How to make CSS menu to open menu in in up direction rather than default down direction

    how to get css of a clicked div using jquery?

    How to change the border of an element when selected?

    How to set a css class to table header cell

    CSS - How to set many div width with a non-round percentage to fill a parent div space

    How to glue the text of multiple divs together?

    how to rotate text with css? transform is not supported by current schema?

    How to keep DIV from overlapping?

    How HTML Inheritance works with conflicting styles rules in CSS?

    How to style all the same XSL FO elements? XSL FO like CSS?

    html,css.php? help how output my form subissions into webpage instead of text file?

    How to fade CSS sprite images using CSS background-position with jQuery?

    How to change css pseudo elements in javascript? [duplicate]

    How can I layout a sidebar or pullquote?

    How to dynamically insert css vendor prefixes using jquery

    How to cut down HTTP request on js/css in laravel