Логотип при помощи CSS
@WebProgrammerDiary
Не мог заснуть пол ночи - тяжело все таки пережить такие длинные праздники.
И вот, валяясь в кровати и крутя телефон в руках, пришла мысль в голову - а почему логотип моего дневника сделан не в CSS? Зря я его изучаю, что ли?
Как раз простая задача, для решения лежа в постели с телефоном в руке. А заодно, вдруг сон придет?
Получилось даже красивее, чем оригинал, поэтому сменю на новый логотип.
Вот код, если кому интересно
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>logo CSS</title>
<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">
<style>
div {
width: 500px;
height: 500px;
border: solid 2px white;
border-radius: 250px 250px;
margin: auto;
background: red;
box-shadow: 0 0 10px black;
}
p {
color: white;
font-size: 170px;
font-family: 'Shadows Into Light', cursive;
line-height: 1px;
text-shadow: 6px 4px 8px black;
margin-top: 85px;
}
.w {
padding: 0 0 0 105px;
}
.p {
padding: 0 0 0 260px;
margin-top: -30px;
}
.d {
padding: 0 0 0 160px;
}
</style>
</head>
<body>
<div>
<p class="w"><strong><w></strong></p>
<p class="p"><strong><p></strong></p>
<p class="d"><strong><d></strong></p>
</div>
</body>
</html>
Результат:
#css #logo #юмор