HTML CSS упражнение: создание сшитых образов с помощью css3
Решение:
HTML-код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Create a Stiched Look with CSS3</title>
<style>
.stitched {
width: 200px;
padding: 20px;
margin: 10px;
background: #0d90df;
color: #fff;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
border: 2px dashed #fff;
border-radius: 10px;
box-shadow: 0 0 0 4px #0d90df, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
text-shadow: -1px -1px #aa3030;
font-weight: normal;
}
</style>
</head>
<body>
<div class="stitched"></div>
</body>
</html>
Демонстрация в реальном времени:
Посмотрите ручку сшитый взглядом w3resource ( @ w3resource ) на CodePen .
Поддерживаемый браузер
 |  |  |  |  |
| да | да | да | да | да |
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code