Публикации с тегом "CSS3"

???? ? ????????????? ?????? ?? CSS3

??? ???? ???????? CSS-????? ??????? ?????? border-radius, ??????????? ?????????? ???? ? ?????. ????????-?????? ????????? ?????? ???????????? ?????? ?????, Internet Explorer ?????????? ????????????? ? ? 9 ?????? ????? ???????? ?????????? ????.

?????? ????????????? ????? border-radius:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Page</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      .box {background: #F2F213; width: 400px; height: 200px;}
      .round-corners {border-radius: 20px;}
    </style>
  </head>
  <body>
    <div class="box round-corners"></div>
  </body> 
</html>

???????? ????? ? ????? ?? CSS3

???? ?? ?????? ?? ????? ??? ???????? ???????? ????? ? ?????. ? ??? ???????????? ?????????? ? ????????? ????. ? ???????? CSS3 ???-????????? ????? ???????? ?????? ?????????? ?????, ? ?????????, box-shadow, ??????? ????????? ??????? ???? ??? ?????. ? ?????? ?????? ???? ????? ?????????????? ????? ???????????? ??????????? ??????????.

?????? ????????????? ????? box-shadow:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Page</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      .box {background: #F2F213; width: 400px; height: 200px;}
      .shadow {box-shadow: 5px 5px 10px #777;}
    </style>
  </head>
  <body>
    <div class="box shadow"></div>
  </body> 
</html>