Стилизиране на изображения с CSS

В този урок ще разгледаме няколко CSS техники за оригиналния дизайн на изображения на сайта.

Изображенията, използвани в примерите, могат да бъдат изтеглени от тук.

1. Ефект на рамката на картината. Пример тук.

Html

CSS

2. Воден знак върху изображението. Пример тук.

Html

CSS

В този случай като воден знак е използвано следното изображение.

Пример Html

3. Надпис на изображението. Пример тук.

Html

CSS

Надявам се, че тези начини за декориране на снимки ще ви бъдат полезни при дизайна на вашия сайт!

Този урок е подготвен за вас от екипа на ruseller.com