ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года

Библиотека javascript SE@RCHER ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. ЯНВАРЬ >>>

HTML ↴

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Блок с фото и текстом в закругленном обрамлении(CSS ie-css3.htc box-shadow)</title>
<style type="text/css">
.item {  padding: 1em; 
border:2px solid #a1a1a1;
background:#dddddd;
width:300px;
border-radius:25px;
behavior: url('border-radius.htc');
-moz-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px #FF0000;
behavior: url('ie-css3.htc');
}
.item:hover {  padding: 1em; 
border:2px solid #a1a1a1;
background:#dddddd;
width:300px;
border-radius:25px;
behavior: url('border-radius.htc');
-moz-box-shadow: 10px 10px 10px #000;
box-shadow: 10px 10px 10px green;
behavior: url('ie-css3.htc');
}
img { float: left; }
.item:after { content: "текст под фото"; display: block; height: 0; clear: both; margin-left:40px}
</style>

</head>
<body>

<div class="item">
  <img src="https://www.03www.ru/2012-8/pic2/m003.jpg" alt="monkey" width="200px"/>
  <p>One time I hired a monkey to take notes for me in class.</p>
</div>
<p><a href="ie-css3.htc">ie-css3.htc</a></p>
 <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> </body>
</html>

ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года

HTML ↴

размер Kb

ПРИМЕР ↴

✔ пример в полном окне