Question-Réponse 2
Une autre façon de présenter la Question/Réponse, selon votre article.
Ne conservez que le principe car les dimensions ne sont sans doute pas adaptées à votre article.
Survol du sujet pour afficher l'article.
Ce week-end, une comète sera visible à l’œil nu. Voici comment l’admirer.
On vous en parlait il y a quelques jours : la comète C/2023 A3 (Tsuchinshan-Atlas) est en chemin ! Découverte en février 2023, elle sera bientôt visible depuis la France puisqu’elle traverse actuellement notre système solaire.
La comète devrait atteindre sa luminosité maximale ce vendredi 27 septembre, quand elle sera au plus près du Soleil. Il sera ensuite possible de l’admirer pendant quatre matins de suite, jusqu’au lundi 30 septembre. Cette comète sera si lumineuse qu’il sera possible de la voir à l’œil nu, raison pour laquelle cet événement est si exceptionnel. Avec un peu de chance, TF1 Info précise que vous pourrez admirer la longue traînée de poussière de la comète, notamment si vous avez des jumelles.
<div style="width: 800px; height: 550px; margin: 50px auto; text-align: left;">
<p id="q1"><span style="background-color: #ffff00;">Survol du sujet pour afficher l'article.</span><br />Ce week-end, une comète sera visible à l’œil nu. Voici comment l’admirer.</p>
<p id="q2">On vous en parlait il y a quelques jours : la comète C/2023 A3 (Tsuchinshan-Atlas) est en chemin ! Découverte en février 2023, elle sera bientôt visible depuis la France puisqu’elle traverse actuellement notre système solaire.<br />La comète devrait atteindre sa luminosité maximale ce vendredi 27 septembre, quand elle sera au plus près du Soleil. Il sera ensuite possible de l’admirer pendant quatre matins de suite, jusqu’au lundi 30 septembre. Cette comète sera si lumineuse qu’il sera possible de la voir à l’œil nu, raison pour laquelle cet événement est si exceptionnel. Avec un peu de chance, TF1 Info précise que vous pourrez admirer la longue traînée de poussière de la comète, notamment si vous avez des jumelles.</p>
</div>
<style><!--
#q1{position:absolute; z-index:5; width:350px; height:520px; padding:10px; border:4px ridge grey; background:pink; font-size:20px; transform:translate(0px,0px);}
#q2{position:absolute; z-index:1; width:350px; height:520px; padding:10px; border:4px ridge grey; background:lightGreen; font-size:18px; transform:translate(0px,0px); transition:all 1s;}
#q1:hover ~ #q2{transform:translate(380px,0px);}
--></style>
Commentaires
Enregistrer un commentaire