|
Сообщение от Блондинка
|
|
дальше надо сделать рамку вокруг видимой области, вот на этот вопрос и не нашла ответа, как сделать рамку
|
Можно тень сделать вокруг области при помощи функции drop-shadow свойства filter, но я думаю, вдруг вам потребуется залить картинку туда...
Можно ещё сделать так...
|
Сообщение от Блондинка
|
|
ширина 300 высота 100, точка 150 по горизонтали и 100 по вертикали сделать ниже, например 150 и 120
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<style>
svg {
width: 300px;
height: 120px;
}
</style>
<svg viewBox="-5 -5 310 130">
<style>
path {
stroke: #f06;
stroke-width: 10px;
fill: none;
}
</style>
<path d="M 0 0 L 300 0 L 300 100 L 150 120 L 0 100 z"></path>
</svg>
</body>
</html>