Skip to content

Kidpaddleetcie/Glin-Framework

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

Glin Framework

Origine

Je fais TOUJOURS les même choses sur mes sites webs et devoir copier-coller mes codes CSS à chaque fois, ça m'emmerde ! Donc, j'ai rassembler mes affaires, pris le temps de nommer mes effets et même garder quelques codes en Javascript !

Les différentes fonctionnalitées

h1

Génère un titre prenant toute la longueur de la page avec un effet de dégradé et de profondeur sur le texte et les bords !

ol

Les listes n'ont plus de puces !

class="rien"

Mets un élément en "display:none" !

class="sh-1"
class="sh-2"
class="sh-3"
class="sh-4"
class="sh-5"
class="sh-6"
class="sh-7"
class="sh-8"
class="sh-9"
class="sh-10"
class="sh-11"
class="sh-12"

Sous 12 niveaux de rapiditié, permet d'animer les éléments à la manière d'un shaker !

class="turn-1"
class="turn-2"
class="turn-3"
class="turn-4"
class="turn-5"
class="turn-6"
class="turn-7"
class="turn-8"
class="turn-9"
class="turn-10"
class="turn-11"
class="turn-12"

Sous 12 niveaux d'angles, permet de tourner les éléments !

class="bannar"

Fait une bannière pour séparer les blocs !

class="rainbow"

Un effet arc-en-ciel au texte et au bloc !

class="interdit"

Affiche un symbole interdit sur le texte !

class="texte-feu"

Met le texte en feu !

class="separe"

Met des barres avant et après le texte du bloc !

class="spoiler"

Cache le texte sauf si on passe la souris dessus !

class="fenêtre-texte"

Ajoute un cadre en perspective autour d'un texte !

class="gridline-1"
class="gridline-2"
class="gridline-3"
class="gridline-4"
class="gridline-5"
class="gridline-6"
class="gridline-7"
class="gridline-8"
class="gridline-9"
class="gridline-10"
class="gridline-11"
class="gridline-12"

Sous 12 emplacements, permet d'aligner sur une ligne les éléments !

class="cadre_rond"

Ajoute un cadre rond autour d'un mot !

class="entourer"

Ajoute un bord noir tout autour du texte pour augmenter sa visibilité !

class="present"

Créer un cadre pour les notes, les informations à préciser !

class="text-profond"

Créer un texte gris claire avec une profondeur ayant des bords internes gris foncés !

Releases

No releases published

Packages

 
 
 

Contributors