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..

    PHP/CSS how to keep my checkboxs from going past my border

    How to display a custom css animation with jquery and fall back to just show() if not supported?

    How to align a flash movie to center with “overflow: hidden”?

    How can I give a child element of one parent a higher z-index than another parent?

    How is designing shape similar to waves with html and css?

    How can I convert a CSS stylesheet to inlined CSS styles? [closed]

    How do you change the modal link color in Foundation?

    How to make a div align with a specific td on the page?

    How do I get my body to the bottom of my page OR further if necessary?

    How to make CSS float left not bend around when browser width is shrunk

    How to make JqueryUi Slider vertical-align middle?

    CSS: show only the last x items in a list

    Howto include application css into mailer views in Rails 3.1

    How to change lines in an angularJS+Bootstrap?

    How to convert css long to css one line style with Notepad++

    How to find absolute path to @font-face fonts with Firebug?

    How to change style for before/after in Angular?

    how to animate icon fa-circle using CSS to look as recording video blinking red dot?

    how to textalign in middle with css?

    how to set primefaces datatable columns padding with CSS padding

    CSS - how to make the end of the word blurry?

    How to hide the button keeping the position? [duplicate]

    Showing :before but hiding element with CSS only

    How do I get rid of the big margin between my labels and the input fields?

    Only show wordpress featured image when shared on social media

    PNG background image not showing in IE 8< using html5?

    how to make a line between div boxes - simple timeline experiment

    How to use custom underline with breakline in CSS?

    CSS How to make image fluid extending only to one side of browser, aligned with centered content?

    “ul li a:link, a:visited” and “ul li a, visited” how they different?