Как я могу перенести край изображения с CSS? ⇐ Jquery

[Anonymous]

Я хочу добавить перо к некоторым изображениям. Это результат, который я хочу получить:



Я реализую, что этот вопрос был опубликован раньше, и я уже рассмотрел на параметры, используемый например, на примере. У меня есть проблема с этим методом. У меня будет эта фотография на вершине webm , поэтому фон не всегда останется прежним. Вот почему я должен сделать перья прозрачным, с которым мне еще не повезло! Это даже выполнимо в CSS? Это результат, который я получаю, когда я использую Box-Shadow до сих пор: < /p>


body{
background:green;
}
div {
background: red;
width: 200px;
height: 142px;
position: relative;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-shadow: inset 0 0 18px 20px #fff;
box-shadow: inset 0 0 18px 20px #fff;
}< /code>




< /code>
< /div>
< /div>
< /p>

Я знаю, что многие из вас просто прокомментируют, что я могу установить цвет тени, равный зеленому, но, как определено ранее, я хочу сделать его прозрачным, потому что фон будет постоянно меняться. < /p>

Заранее спасибо за любые комментарии!


Подробнее здесь: https://stackoverflow.com/questions/344 ... e-with-css