Image Hover Effects Css3, стильные изображения с эффектом CSS3

Image Hover Effects Css3, стильные изображения с эффектом CSS3 Продолжаем разбирать самые интересные и полезные плагины для сайта wordpress. Сегодня вы узнаете как создавать очень стильные изображения с эффектом CSS3 при наведении курсора мыши. Вы сможете настроить эффект при наведении, указать цвет, прозрачность, заголовок и подзаголовок, размер, бордюр и т.д. 20 готовых эффектов, просто выберите эффект и всё готово !

 

effect css3 image site

 

Image Hover Effects Css3, стильные изображения с эффектом CSS3 Установить плагин Image Hover Effects Css3 вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин wordpress

 

Image Hover Effects Css3, стильные изображения с эффектом CSS3 После установки и активации плагина, перейдите на страницу: Hover EffectsAdd New Hover Effect. Здесь вы можете настроить основные параметры плагина. (Если вы хотите создать несколько изображений с эффектом, то нажмите под настройками на кнопку — Add New)

 

— Paste URL or use from Media, нажмите на кнопку — Media, чтобы загрузить изображение, на которое вы будете накладывать эффект.

— Title, укажите текст для атрибута title.

— Alternate Text, здесь можно указать текст для атрибута alt изображения.

— Caption Title, укажите здесь заголовок, который будет отображаться на изображении.

— Caption Title Font Size, укажите размер шрифта для заголовка в пикселях.

— Caption Text, укажите здесь текст, который будет отображаться под заголовком.

— Caption Text Font Size, укажите размер шрифта подзаголовка в пикселях.

— Content Color, здесь можно указать цвет заголовка и подзаголовка.

Оцените статью
Добавить комментарий