search

sonar3 / curved-corner

Automatically exported from code.google.com/p/curved-corner
0 stars 0 forks source link

Many updates including box-shadow #60

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
I don't know whether the original author or anyone is still working on this, 
but I've made several additions:

Changes by Tom Butler 
- Now allows the <body> element to have border-radius applied

- Added dwestp...@filesmania.de's fix for (partial) background-position support

- Fixed issue where adding a border to a div with a background image would 
incorrectly position the background image

- Fixed issue where background fill would be black in nested elements that had 
border-radius applied

- Fixed issue on 3 levels of nesting by changing to ondocumentready instead of 
oncontentready

- Separated out code into smaller functions in an attempt to make further CSS3 
effect additions easier. Use createUnderlay() to create the base VML element 
underneath the target for any effect to be applied to.

- Added support for box-shadow 

- Added a better, more easily forward compatible window_resize function

- Added atg2dg's implementation of border-top-right-radius from 
http://code.google.com/p/curved-corner/issues/detail?id=22 and extended to 
allow shorthand.

- Added element.redraw() function to elements which can be called by javascript 
to allow dynamic resizing of the element.  

Regards,

Tom Butler 
http://r.je

Original issue reported on code.google.com by t...@r.je on 28 Sep 2010 at 1:55

GoogleCodeExporter commented 8 years ago 
More updates:

- Added hover support (no, css :hover for IE6 though, also slower than I'd like)

- Will now automatically redraw the element when it changes (e.g. is resized in 
javascript, including by jQuery. Will be slow if the change affects document 
flow. I don't suggest doing this in a timeout).

Original comment by t...@r.je on 28 Sep 2010 at 3:07

Attachments:

GoogleCodeExporter commented 8 years ago 
[deleted comment]
GoogleCodeExporter commented 8 years ago 
More updates:

- Fixed a shadow positioning problem in the last one

- Fixed a z-index issue where effects would be hidden on elements with 
relative/absolute positioned parents that were overlapping static elements

- Added basic linear gradient support, can't read existing -moz-gradient or 
-webkit-gradient as they are part of the background property and IE ignores 
them. Usage: -css3-background: linear-gradient(90deg,blue,red); Currently only 
supports this format.

Original comment by t...@r.je on 7 Oct 2010 at 9:51

Attachments:

GoogleCodeExporter commented 8 years ago 
I have added a lot of improvements including a code restructure and support for 
RGBA backgrounds. I've put it on my site here: http://r.je/css3-in-ie.html with 
a demo page here: http://r.je/css3-demo.html

Original comment by t...@r.je on 12 Oct 2010 at 11:03