@Sodasss

Как сделать hover у изображения в WordPress?

Здравствуйте, подскажите, как сделать, что б hover эффект применялся только к наведенному изображению а не ко всем одновременно в Wordpress ?

<div class="container">
	<div class="post-container">
			<?php query_posts('showposts=5'); ?>
			<?php while (have_posts()) : the_post(); ?>
			<?php if ( has_post_thumbnail()) { ?>
				<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
				<?php the_post_thumbnail(); ?>
				<h3><?php the_title(); ?></h3>
				</a>
			 <?php } ?>
	
			<?php endwhile; ?>
	</div>
</div>


.post-container a {
	position: relative;
}
.post-container h3 {
	 margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    display: none;
}
.post-container:hover img{
opacity: 0.4;
}
.post-container:hover h3{
display: block;
}
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 1
bingumd
@bingumd
.post-container a:hover img{
    opacity: 0.4;
}
.post-container a:hover h3{
    display: block;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы