- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Does anyone have a link or code for a top right turned up corner? I’ve played around with code from several tutorials but they’re for creating new containers, I want to add a folded corner effect to the top right corner of a header to give it some depth.
#topHeader{
margin-left:0px;
width:1000px;
height:128px;
background:url(../images/banner.png) top left no-repeat;}
Can you post what you got on http://codepen.io/pen/ or http://jsfiddle.net/
Maybe someone can help?
Maybe this could help? http://matthamm.com/box-shadow-curl.html
I assume you mean something like this: http://nicolasgallagher.com/pure-css-folded-corner-effect
Like that yes but I have an image in my header so that code doesn’t work.
You can’t do that to an image in CSS.
You could create a coloured ‘foldover’ (like this: http://codepen.io/Paulie-D/pen/FyDlw) but if that’s not what you want, you’ll just have to create a new image.