hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Créez facilement des animations CSS cool avec Animista

Il y a des tonnes d'applications web d'animation CSS en ligne . Mais, très peu se comparent au niveau de détail et de facilité d'utilisation que vous obtenez avec Animista .

Cette application web gratuite vous permet de générer des animations CSS personnalisées en cliquant sur un bouton . Vous sélectionnez entre des mouvements prédéfinis tels que des diapositives, des transformations, des oscillations et même des animations de diapositives.

Une fois que vous avez créé votre animation, vous pouvez exporter le code comme avec d'autres générateurs CSS. Sauf, ce code est beaucoup plus facile à utiliser et est même livré avec un outil intégré minifier .

L'interface peut sembler déroutante au début mais c'est seulement à cause du nombre d'options que vous avez!

Vous construisez des animations personnalisées en suivant trois étapes principales et en utilisant l'interface de haut en bas :

  1. Choisissez un style de mouvement (swing, slide, flip-scale) à partir des cercles en haut
  2. Personnalisez-le avec différents types de mouvement sous
  3. Modifiez vos options d'animation dans la barre d'options flottante de gauche

Grâce à ce processus, vous pouvez modifier la durée totale de l'animation, le style d'accélération, le délai, à peu près tout. Et tout cela fonctionne à travers le CSS3 pur, ce qui le rend encore plus impressionnant.

Notez également à la barre de navigation très haut, vous pouvez même choisir entre différents types de styles cible d'animation .

La valeur par défaut est "basic", ce qui peut fonctionner à peu près n'importe quoi (survol, clic ou animation immédiate). D'autres cibles incluent du texte de page, des animations d'arrière-plan et même des animations d'entrée personnalisées pour mettre en évidence un élément de page masqué.

J'aime particulièrement le lien "attention" en haut qui a quelques effets de secousse et de gigue pour les styles de boutons. Ceux-ci fonctionnent très bien sur les boutons CTA pour attirer l'attention et encourager les interactions de l'utilisateur.

Une fois les ajustements terminés, il vous suffit de cliquer sur l'icône du petit crochet dans l'angle supérieur droit du volet de prévisualisation.

Cela affiche une nouvelle page avec votre classe d'animation CSS complète, ainsi que les images clés . Les fonctionnalités facultatives vous permettent de réduire le code et d' inclure le préfixe automatique qui prend en charge les anciens navigateurs Web.

J'ai utilisé des tonnes d'outils d'animation CSS personnalisés et sans aucun doute Animista est l'outil le plus riche en fonctionnalités. C'est totalement gratuit et un peu complexe au début, mais une fois que vous avez compris l'interface, c'est de loin le meilleur générateur que vous puissiez utiliser.

Pour essayer, visitez la page d'accueil et cliquez sur "Essayez-moi". Vous pouvez également partager vos pensées et vos compliments avec le créateur de l'application web @ ana108.

20 esquisses de tatouage inspirantes et inspirantes

20 esquisses de tatouage inspirantes et inspirantes

Pour tous les individus encrés, les tatouages ​​sont un moyen d'expression de soi. Le tatouage est pratiqué depuis de nombreuses années dans différentes parties du monde. Le corps devient une toile pour des œuvres d'art étonnantes de tailles et de styles variés. De nos jours, les tatouages ​​sont devenus plus courants et ne se limitent pas à certaines classes socio-économiques ou à un certain âge.Choisir une concep

(Conseils techniques et de conception)

Regard sur ce qui se passe lorsque la liberté de l'Internet est menacée

Regard sur ce qui se passe lorsque la liberté de l'Internet est menacée

La liberté d'Internet est quelque chose que nous valorisons mais que nous tenons pour acquis au quotidien. Alors, quand le gouvernement ou les entreprises tentent de le limiter d'une manière ou d'une autre, tout le monde s'assoit et porte attention. C'est pourquoi certains de vos sites Web favoris du 10 septembre 2014 affichaient le signe de chargement redouté en format GIF ou un message contextuel ressemblant à ceci:Ne vous inquiétez pas, Internet n'a pas ralenti. Tec

(Conseils techniques et de conception)