Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #s
  • #se
  • #sep
  • #sepa
RSS: #separator

#separator

  • @b_b
    b_b @b_b PUBLIC DOMAIN 2/05/2023
    5
    @arno
    @gblin
    @monolecte
    @7h36
    @cy_altern
    5

    #CSS Tip: Learn CSS the easy one
    ►https://css-tip.com

    A small website where you can learn a new CSS #trick every day. All the CSS secrets are here (Flexbox, CSS Grid, Gradients, Colors, Animation, Masking, Selectors, etc). It takes one minute to read a tip.

    Quelques trucs sympas comme ▻https://css-tip.com/horizontal-line-title ou ▻https://css-tip.com/css-ribbon

    #title #line #separator

    b_b @b_b PUBLIC DOMAIN
    • @marcimat
      marcimat @marcimat 3/05/2023

      J’en ai une petite moitié qui ne fonctionnent pas sous FF 112 quand même…

      marcimat @marcimat
    • @arno
      ARNO* @arno ART LIBRE 3/05/2023

      Oui, c’est souvent le souci avec ces « tips » CSS : ça prévoit rarement comment ça se dégrade quand ça ne fonctionne pas. Des fois juste ça fonctionne pas, d’autres fois ça peut être plus inquiétant.

      ARNO* @arno ART LIBRE
    • @klaus
      klaus++ @klaus 14/05/2024

      #quick_and_dirty #css

      klaus++ @klaus
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 27/02/2022
    8
    @baroug
    @rastapopoulos
    @gblin
    @monolecte
    @jeanmarie
    @7h36
    @fil
    @tofulm
    8

    #Flexbox Dynamic Line #Separator - Ahmad Shadeed
    ▻http://ishadeed.com/article/flexbox-separator

    https://ishadeed.com/assets/flexbox-separator/twitter-card.jpg

    To make this work on all screen sizes, we need to have the flex-direction: column mobile and flex-direction: row for larger screens.

    .section {
     display: flex;
     flex-direction: column;
     gap: 1rem;
    }

    .section:before {
       content: "";
       border: 1px solid #d3d3d3;
       align-self: stretch;
    }

    @media (min-width: 700px) {
       .section {
           align-items: center;
           flex-direction: row;
       }
    }

    #css

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

Thèmes liés

  • #css