Un textarea minimaliste et attractif

Le Web 2.0 se caractérise par la participation des utilisateurs dans la création de contenu. Dans cet esprit, l'un des éléments les plus importants de balises HTML est la zone de texte.

L'utilisation de ce tag, qui s'inscrit généralement dans un formulaire, les utilisateurs peuvent afficher des opinions, de poser des questions et de publier le type de contenu dans une zone de texte.

L'apparence par défaut d'un textarea n'est pas particulièrement agréable (c'est un rectangle blanc avec une barre de défilement laterle échéant), mais, comme nous le savons, grâce aux CSS, vous pouvez agir sur cet aspect radicalement trouver des solutions design vraiment sympa.

La solution que je présente aujourd'hui dans ce court article donne un look minimaliste renforcée par l'application d'un simple fond de la textarea. Dans notre exemple nous allons utiliser le mot comme une image de notre logo situé en bas à droite dans un textarea avec un blanc perlé de gris simples:

L'effet que nous voulons atteindre est le suivant:

Pour le rendre encore plus attrayant rislutato l'effet final sera également appliquer un très simple (en utilisant JavaScript) qui aboutira à la disparition du texte par défaut et le fond au moment de l'utilisation réelle de la zone du texte. Mais laissez degrés, d'abord, voyons le code CSS ...

• <<
• 1
• 2
• >>