💾 Archived View for lord.re › css-lab › index.gmi captured on 2024-08-18 at 18:29:52. Gemini links have been rewritten to link to archived content
⬅️ Previous capture (2024-08-18)
-=-=-=-=-=-=-
-------------------------------------------------
[23/06/2021] - ~2mins - # #
-------------------------------------------------
Une ptite page avec quelques expérimentations CSS
<summary>
Un joli texte tout en arc-en-ciel
</summary>
{{}}
Un joli texte tout en arc-en-ciel
{{}}
<summary>Geeknode-Style
<div style="background-color:hsla(0,0%,20%,0.93);margin:1rem;box-shadow:0 0.5rem 1rem 0.25rem rgba(0,0,0,0.7);padding:1rem;border:1px solid #aca;">Le contenu</div>
</summary>
{{}}
Le contenu
</div>
{{}}
<summary>Clear-loth-Style
Le contenu
</div>
{{}}
Le contenu
</div>
{{}}
<summary>Vignette
</summary>
{{}}
{{}}
<summary>DVD marquee
<marquee behavior="alternate">📼</marquee>
{{}}
📼</marquee>
{{}}
<summary>Modal-blend
<div style="mix-blend-mode:multiply;background-color:hsla(0,0%,20%,0.93);margin:2rem;box-shadow:0 0.5rem 1rem 0.25rem rgba(0,0,0,0.7);padding:1rem;border:1px solid #aca;">Le contenu intéressant. Voyez comme le texte adapte sa couleur ! Mais la lisibilité devient aléatoire, c'est pour cela que je rajoute une ombre noire au texte pour accentuer le contraste.</div>
</summary>
{{}}
Le contenu intéressant. Voyez comme le texte adapte sa couleur ! Mais la lisibilité devient aléatoire, c'est pour cela que je rajoute une ombre noire au texte pour accentuer le contraste.
</div>
{{}}
<summary>Border conic gradient
Malheureusement pas de border-radius. Il est possible de l'animer en changeant l'angle !
</div>
{{}}
Malheureusement pas de border-radius. Il est possible de l'animer en changeant l'angle !
{{}}
------------------------------------
------------------------------------
[23/06/2021] - # #
------------------------------------