Révéler
Les premières impressions comptent Ne laissez pas simplement votre contenu apparaître : révélez-le L'extension Reveal vous permet de masquer n'importe quelle section, titre ou image avec un masque animé qui balaie, glisse ou se dissout dans le chargement de la page Choisissez la direction de la révélation, contrôlez sa vitesse et son timing, et choisissez une couleur ou un dégradé d'arrière-plan élégant pour l'effet de couverture C'est un moyen simple mais puissant d'ajouter un moment de suspense, de peaufinage et de flair moderne aux éléments clés de votre page, guidant la concentration de votre visiteur exactement là où vous le souhaitez.
Effets de révélation directionnelle
Contrôlez le drame de la révélation en choisissant sa direction Faites apparaître votre contenu comme si un rideau était tiré de gauche à droite, de haut en bas, ou même du centre vers l'extérieur Chaque direction crée un récit visuel différent, parfait pour séquencer le contenu ou mettre en valeur une section de héros avec une touche cinématographique.
- Révélations directionnelles classiques : options comme gauche, droite, haut, bas pour des entrées claires et propres.
- Effets centrés : utilisez“Center Horizontal” ou“Center Vertical” pour une révélation ciblée et en expansion.
- Définissez le point de départ : l'animation commence avec votre contenu couvert, puis le découvre dans la direction que vous avez choisie.
Contexte de révélation personnalisable
Le contenu révélé à partir de rien « n'est pas révélé à partir d'une couverture que vous concevez » Définissez le type d'arrière-plan sur une couleur unie qui contraste avec votre site, créant un effet dramatique audacieux Ou, utilisez un dégradé pour un fondu plus subtil et moderne qui se fond parfaitement avec la palette de couleurs de votre page.
- Housses de couleur unie : utilisez une couleur de marque audacieuse ou un noir/blanc classique pour un contraste élevé et un drame.
- Dégradé Fades : Créez une superposition de dégradé lisse qui se dissout, se sentant plus organique et intégrée.
- Cohésion totale : assurez-vous que l'effet de révélation ressemble à une partie du langage de conception de votre page, et non à un gadget déconnecté.
Foire aux questions à révéler
Est-ce que cela révélera une animation jouée à chaque fois que quelqu'un visite la page ?
En règle générale, oui « il déclenche » sur la page initiale charger cet élément Cependant, si un visiteur fait défiler vers l'arrière et vers l'arrière, la plupart des navigateurs ne le rejoueront pas à moins que la page ne soit entièrement rafraîchie C'est conçu comme une animation d'entrée unique pour accueillir les utilisateurs, pas un effet répétitif.
Puis-je utiliser cela uniquement sur un titre ou un bouton, ou dois-je l'appliquer à une section entière ?
Vous pouvez appliquer l'effet Révéler à presque n'importe quel élément Élémenteur, d'un seul widget En-tête ou Image à une Section ou un Conteneur entier Cela vous donne une flexibilité incroyable Imaginez un titre de héros qui s'insère, suivi d'un bouton qui révèle une seconde plus tard.
Est-ce mauvais pour le référencement ou l'accessibilité ?
Non, c'est généralement bien Le contenu est toujours dans le HTML dès le début ; il est juste caché visuellement et ensuite révélé avec CSS Les moteurs de recherche peuvent le lire, et les lecteurs d'écran peuvent y accéder Il suffit de s'assurer que la vitesse n'est pas trop rapide, ce qui laisse à tous les utilisateurs le temps de percevoir le contenu tel qu'il apparaît.
Que se passe-t-il si je fixe un délai très long ? les visiteurs verront-ils un espace vide ?
Oui, c'est l'effet prévu pour créer du suspense Si vous définissez un délai de 2 secondes sur une section, cette section sera couverte par la couleur/gradient d'arrière-plan que vous avez choisi pendant ces 2 secondes après le chargement de la page, alors la révélation s'en servira délibérément, et non excessivement, pour éviter de frustrer les utilisateurs.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
