Skip to main content

Forums

This topic contains 5 replies, has 3 voices, and was last updated by  Shikkediel 7 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #273808

    abongilevani
    Participant

    Hi i am trying to get a triangle with a cut corner leaving it with 3 corners and one cut. Here is my css code
    css:

    article {
        border: 1px solid #ccc;
        border-radius: 0 0 0 50.1px;
        float: left;
        overflow: hidden;
        padding: 40px;
        width: 300px;
        background-color: #d0041c;
        margin-bottom: 10px;
    }
    

    html code:

    <article>
      <h3><a href="#" style="color: #ffffff"><strong>ALLE VACATURES OP EEN RIJ</strong></a> <i class="arrow right2"></i></h3>
    </article>
    
    #273812

    Paulie_D
    Moderator

    An image of what you are trying to achieve would be useful…and a Codepen.io demo

    The code you provided is not really adequate to explain this. All triangles have 3 corners so this…

    i am trying to get a triangle with a cut corner leaving it with 3 corners and one cut

    doesn’t really make sense.

    #273829

    Shikkediel
    Participant

    In case you meant rectangle…

    codepen.io/anon/pen/vaBQwL

    #273849

    abongilevani
    Participant

    @shikkediel thank you so much that is exactly what i wanted. Your help is much appreciated.

    #273851

    abongilevani
    Participant

    @shikkediel – if i want to have a background image and have the red color transparent how can i go about doing that because i did try and its not working.

    #273853

    Shikkediel
    Participant

    Maybe you could fork the pen and show what you’re aiming at that way?

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star