0

a section tem um background definido

como faço para ao passar mouse na imagem 1 alterar o background da section sobrepor a atual, remover o mouse voltar

    <section class="modules">
<div class="container">
  <div class="row">
<div class="col-md-4">

  <img src="<?php echo get_theme_file_uri('assets/img/module-advancement.png') ?>" alt="Advancement" class="module-1" id="1">
  <img src="<?php echo get_theme_file_uri('assets/img/module-marketing.png') ?>" alt="Marketing" class="module-2" id="2">
  <img src="<?php echo get_theme_file_uri('assets/img/module-alumni.png') ?>" alt="Alumni" class="module-3" id="3">

css:

  section.modules:after {
  content: "";
 background-image: url(../img/bg/bg-modules-bottom.jpg);
  width: 980px;
   height: 956px;
   display: block;
   position: absolute;
   bottom: -110px;
   right: -480px;
   z-index: -1;
 }

1 Resposta 1

1

Certamente se você usar JS para isso, terá um controle muito mais simples, todavia fiz um exemplo apenas com CSS também.

Exemplo com JS - https://jsfiddle.net/L3cwcwo8/

Exemplo com CSS - https://jsfiddle.net/naj7np75/

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .