Tengo texto en un elemento <p>
que es hijo de un <article>
.
Con CSS al entrar este elemento <article>
en la pseudo-clase :active tiene que heredar el contenido del <p>
a un elemento hermano.
Es posible realizarlo con CSS o tendre que usar JS?
.containerC__day--anim {
background-color: gold;
height: 100px;
width: 100px;
position: absolute;
bottom: 0;
right: 0;
transform: scale(0.15);
}
.containerC__day:active ~ .containerC__day--anim {
top: 15%;
left: 35%;
height: 35%;
width: 35%;
background-color: #9ddec5;
box-shadow: 0px 0px 700px 72px rgba(0, 0, 0, 0.68);
border: 1px solid black;
transform: scale(1);
transition: transform 0.5s ease;
}
<section class="containerC">
<article class="containerC__day day1 border-left">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</article>
<article class="containerC__day--anim">
<p></p>
</article>
</section>