18036 sujets
Questions générales et questions de débutants
Re. J'ai fais un truc de ce genre : CodePen
L'idée de base c'est ceci :
Modifié par Olivier C (06 Sep 2023 - 11:44)
L'idée de base c'est ceci :
.corner {
--size: 9em;
--thickness: 0.7em;
--color: blue;
background-image: linear-gradient(to right, var(--color) var(--thickness), transparent var(--thickness)), linear-gradient(to left, var(--color) var(--thickness), transparent var(--thickness)), linear-gradient(to bottom, var(--color) var(--thickness), transparent var(--thickness)), linear-gradient(to top, var(--color) var(--thickness), transparent var(--thickness));
background-position: 0 100%, 100% 0, 100% 0, 0 100%; /* @note Là je me suis retrouvé avec un décalage et... nop, je n'ai pas compris pourquoi. @todo J'ai compensé en enlevant 1%. */
background-repeat: no-repeat;
background-size: var(--size) var(--size);
}
Modifié par Olivier C (06 Sep 2023 - 11:44)