Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How can i make this figure with css?

  • This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #36954
    hondotech
    Member

    Hello all!
    Help me to make something like this with css/jquery (i can use image, but i can’t controll it size & color)
    Here is example

    #98018

    You can do it with CSS, but it won’t work in IE9 or below: http://dabblet.com/gist/1964805

    #98019
    hondotech
    Member

    Thank you so much! You my hero! :)

    #98020

    No worries :)

    #98023
    hondotech
    Member

    Dear joshuanhibbert, thanks again for your trick, but it’s realy badly crossbrowsing support (i cant see it in FF, IE – fatal crushing all design)
    Maybe jquery? It’s more powerfull, than css i think. What about SVG?
    Any ideas guys?

    Best regards & sorry for my broken english :)

    #98029
    hondotech
    Member

    Thanks for post, but i need transparent background.
    Goal of this trick – create overlay for slider, i need rounded corners on my slider. I find it for nivoslider, but i steel needed to round corners for coinslider. Also i need to round top left & bottom right corners, that reason i need to create some custom divs to make pseudo-rounding :) I hope you understand my crap english :)))

    Thank you.

    #98041

    Is it not something you could do with the border-radius property?

    #98044
    hondotech
    Member

    Hompimpa you are my hero #2!
    Genius solution!
    Problem resolved. Thanks guys for help, you are awesome!

    Best regards, Anton.

    #98096

    Nicely done @Hompimpa!

    #112676
    henrymaxm
    Member

    Great Tips! Thanks guys!

    #112778
    Kitty Giraudel
    Participant

    Or you do it the old fashion way: use a transparent PNG.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘CSS’ is closed to new topics and replies.