http://moemesto.ru/Resager/tags/css3 Сервис интернет закладок МоёМесто.ru ru Wed, 07 Oct 2026 18:52:09 +0300 http://moemesto.ru/Resager/tags/css3 http://moemesto.ru/icons/logo.jpg http://habrahabr.ru/post/119127/ http://moemesto.ru/link/14630119 Tue, 10 Dec 2013 05:59:14 +0400 http://webdesignerwall.com/tutorials/css3-media-queries http://moemesto.ru/link/14630118 Tue, 10 Dec 2013 05:56:35 +0400 http://cssanimate.com/ http://moemesto.ru/link/14575137 Sat, 24 Aug 2013 17:03:31 +0400 http://h5bp.github.io/Effeckt.css/dist/ http://moemesto.ru/link/14575136 Sat, 24 Aug 2013 17:03:17 +0400 http://daneden.me/animate/ http://moemesto.ru/link/14575134 Sat, 24 Aug 2013 17:03:09 +0400 http://habrahabr.ru/post/126207/ http://moemesto.ru/link/14531649 Thu, 30 May 2013 19:46:53 +0400 http://css-tricks.com/examples/ShapesOfCSS/ http://moemesto.ru/link/14531648 Thu, 30 May 2013 19:46:17 +0400 http://www.webmasters.by/articles/html-coding/1187-before-and-after-in-css.html http://moemesto.ru/link/14519767 Tue, 07 May 2013 09:15:06 +0400 http://css3please.com/ http://moemesto.ru/link/14400848 Mon, 10 Dec 2012 11:46:08 +0400 http://www.w3.org/Style/CSS/current-work http://moemesto.ru/link/14400840 Mon, 10 Dec 2012 11:38:58 +0400 http://www.css3.info/ http://moemesto.ru/link/14400838 Mon, 10 Dec 2012 11:38:28 +0400 http://www.findmebyip.com/litmus/ http://moemesto.ru/link/14400804 Mon, 10 Dec 2012 09:42:30 +0400 http://efimov.ws/ http://moemesto.ru/link/14391172 Wed, 28 Nov 2012 11:54:49 +0400 http://moemesto.ru/Resager/link/14390256/ http://moemesto.ru/link/14390256 --Do not remove this if you are using--
Original Author: Remiz Rahnas
Original Author URL: http://www.htmlremix.com
Published date: 2008/09/24

Changes by Nick Fetchak:
- IE8 standards mode compatibility
- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
- Added partial support for 'box-shadow' style
- Checks for VML support before doing anything
- Updates VML element size and position via timer and also via window resize event
- lots of other small things
Published date : 2010/03/14
http://fetchak.com/ie-css3

Thanks to TheBrightLines.com (http://www.thebrightlines.com/2009/12/03/using-ies-filter-in-a-cross-browser-way) for enlightening me about the DropShadow filter

<public:attach event="ondocumentready" onevent="ondocumentready('v08vnSVo78t4JfjH')" />
<script type="text/javascript">

timer_length = 200; // Milliseconds
border_opacity = false; // Use opacity on borders of rounded-corner elements? Note: This causes antialiasing issues


// supportsVml() borrowed from http://stackoverflow.com/questions/654112/how-do-you-detect-support-for-vml-or-svg-in-a-browser
function supportsVml() {
if (typeof supportsVml.supported == "undefined") {
var a = document.body.appendChild(document.createElement('div'));
a.innerHTML = '<v:shape id="vml_flag1" adj="1" />';
var b = a.firstChild;
b.style.behavior = "url(#default#VML)";
supportsVml.supported = b ? typeof b.adj == "object": true;
a.parentNode.removeChild(a);
}
return supportsVml.supported
}


// findPos() borrowed from http://www.quirksmode.org/js/findpos.html
function findPos(obj) {
var curleft = curtop = 0;

if (obj.offsetParent) {
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
}

return({
'x': curleft,
'y': curtop
});
}

function createBoxShadow(element, vml_parent) {
var style = element.currentStyle['iecss3-box-shadow'] || element.currentStyle['-moz-box-shadow'] || element.currentStyle['-webkit-box-shadow'] || element.currentStyle['box-shadow'] || '';
var match = style.match(/^(∖d+)px (∖d+)px (∖d+)px/);
if (!match) { return(false); }


var shadow = document.createElement('v:roundrect');
shadow.userAttrs = {
'x': parseInt(RegExp.$1 || 0),
'y': parseInt(RegExp.$2 || 0),
'radius': parseInt(RegExp.$3 || 0) / 2
};
shadow.position_offset = {
'y': (0 - vml_parent.pos_ieCSS3.y - shadow.userAttrs.radius + shadow.userAttrs.y),
'x': (0 - vml_parent.pos_ieCSS3.x - shadow.userAttrs.radius + shadow.userAttrs.x)
};
shadow.size_offset = {
'width': 0,
'height': 0
};
shadow.arcsize = element.arcSize +'px';
shadow.style.display = 'block';
shadow.style.position = 'absolute';
shadow.style.top = (element.pos_ieCSS3.y + shadow.position_offset.y) +'px';
shadow.style.left = (element.pos_ieCSS3.x + shadow.position_offset.x) +'px';
shadow.style.width = element.offsetWidth +'px';
shadow.style.height = element.offsetHeight +'px';
shadow.style.antialias = true;
shadow.className = 'vml_box_shadow';
shadow.style.zIndex = element.zIndex - 1;
shadow.style.filter = 'progid:DXImageTransform.Microsoft.Blur(pixelRadius='+ shadow.userAttrs.radius +',makeShadow=true,shadowOpacity='+ element.opacity +')';

element.parentNode.appendChild(shadow);
//element.parentNode.insertBefore(sha Tue, 27 Nov 2012 13:16:49 +0400 http://www.the-art-of-web.com/css/border-radius/ http://moemesto.ru/link/14390252 Tue, 27 Nov 2012 13:13:04 +0400 http://kobzarev.com/programming/curved-corner-border-radius-cross-browser.html http://moemesto.ru/link/14390251 .curved {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Google Chrome */
-khtml-border-radius: 5px; /* KHTML */
-o-border-radius: 5px; /* Opera */
-ms-border-radius: 5px; /* IE8 */
-icab-border-radius: 5px; /* Icab */
border-radius: 5px; /* CSS3 */
behavior: url(border-radius.htc); /* IE */
} Tue, 27 Nov 2012 13:12:31 +0400 http://dev.opera.com/articles/view/css3-border-background-boxshadow/#border-radius http://moemesto.ru/link/14390245 Tue, 27 Nov 2012 13:10:30 +0400 http://aimweb.name/css/border-radius-opera-ie/ http://moemesto.ru/link/14390244 Tue, 27 Nov 2012 13:08:35 +0400 http://www.quirksmode.org/css/boxshadow.html http://moemesto.ru/link/14389416 Mon, 26 Nov 2012 14:20:12 +0400 http://habrahabr.ru/post/154139/ http://moemesto.ru/link/14372646 Wed, 07 Nov 2012 19:45:01 +0400