I expanded the jsfddle window and I saw it. The far right side is skewed.
so, you could use transform and :after
I'll leave it to you to fill in the appropriate styles, vendor prefixes, and
positioning, but I'd start with this:
.bg:after{
content: "";
transform: skew(5deg, 0)
}
</email>
<signature id="paceaux">
Frank M Taylor
http://frankmtaylor.com
@paceaux
</signature>
On Dec 1, 2011, at 9:11 AM, Mads Erik Forberg wrote:
> Hi Frank,
>
> If you se my example on JSFiddle, http://jsfiddle.net/8jxxH/ , you'll see
> what I mean :-)
>
> Thank you for your response
>
>
> / Mads
>
> Den 01.12.2011 16:48, skrev Paceaux:
>>
>> Hi Mads,
>>
>> I'm not sure if I understand what you mean by "angled corner". Do you mean a
>> rounded corner? If that's the case, then you can certainly do that with
>> border-radius.
>>
>> Or are you looking for something other than a rounded or traditional 90
>> degree angle?
>>
>>
>> </email>
>> <signature id="paceaux">
>> Frank M Taylor
>> http://frankmtaylor.com
>> @paceaux
>> </signature>
>>
>> On Dec 1, 2011, at 7:45 AM, Mads Erik Forberg wrote:
>>
>>> Hello,
>>> I'm wondering if it's possible to achieving angled corner with pure CSS and
>>> no images: http://jsfiddle.net/8jxxH/
>>>
>>> / Mads
>>> ______________________________________________________________________
>>> css-discuss [[email protected]]
>>> http://www.css-discuss.org/mailman/listinfo/css-d
>>> List wiki/FAQ -- http://css-discuss.incutio.com/
>>> List policies -- http://css-discuss.org/policies.html
>>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
