AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Перфорированная рамка

Радиальный градиент с точным позиционированием прозрачного цвета дает возможность создать перфорированную рамку для изображения.


Исходный код этого примера:

<style>
    .container {
        background: #7ac;
        padding: 25px;
        width: 600px;
    }
    .wrap {
        width: 300px;
        height: 200px;
        margin: 0 auto;
        padding: 10px;
        background: radial-gradient(transparent 4px, #fff 4px) -10px -10px;
        background-size: 20px 20px;
    }
    img {
        width: 100%;
    }
</style>
<div class="container">
    <div class="wrap">
        <img src="flower.jpg" alt="">
    </div>
</div>


.

© Copyright 2008-2019 by KDG



Rambler's Top100