Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Editer l'article
Suivre ce blog
Administration
Connexion
+
Créer mon blog
MENU
Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Recherche
Rechercher
Connexion
+
Créer mon blog
Editer l'article
Suivre ce blog
Administration
Partager
Tutorial, CSS, HTML
Accueil
Catégories principales
Amados ángeles
Animales
Antivirus
Bienvenido
Bordes
Boton
Carnaval
Color RGB HEX...
Con fondo flash
Cuadros alimentos
Cuadros amor
Cuadros animales
Cuadros flores
Cuadros humor
Cuadros musica
Cuadros naturaleza
Cuadros navideños
Cuadros para fondos...
Cuadros Pascua
Cuadros personas
Archives
2017
Novembre (8)
Octobre (8)
Septembre (24)
Août (24)
Juillet (31)
Juin (60)
Mai (70)
Avril (265)
Mars (101)
Février (78)
Janvier (103)
2016
Décembre (199)
Novembre (371)
Octobre (303)
Septembre (329)
Août (148)
Juillet (96)
Juin (46)
Mai (33)
Avril (76)
Mars (127)
Février (36)
Janvier (3)
2015
Décembre (18)
Novembre (23)
Octobre (8)
Septembre (6)
Août (196)
Juillet (300)
Juin (16)
Mai (26)
Avril (33)
Mars (18)
Février (105)
Contact
>
Ventanas para texto, código, imagen
>
-
14.07.2015
…
Par GloriaV
<div style="width: 460px; margin-left: 10px; background-image: url('https://lh3.googleusercontent.com/NFoIYdHQe2yMiFs0PpucMqfdgGirjwd1ASpoSRuPaQfy=w50-h300-no'); -webkit-border-radius: 5%/10%; -moz-border-radius: 5%/10%; border-radius: 5%/10%; border: 1px dotted #707070; -webkit-box-shadow: 7px 5px 55px -10px rgba(118,118,118,1); -moz-box-shadow: 7px 5px 55px -10px rgba(118,118,118,1); box-shadow: 7px 5px 55px -10px rgba(118,118,118,1); padding: 4px;"><div class="container"> <textarea onClick="this.setSelectionRange(0, this.value.length)" id="code-view-container">Texto</textarea></div>
CSS
<style type="text/css">< !--.clearfix { &:after { content: ""; display: table; clear: both; } } textarea { box-sizing:border-box; width:400px; min-width:400px; max-width:100px; border-radius:4px; border:none; height:100px; box-shadow:inset 0 0 14px rgba(0,0,0,0.2), 0 0 14px rgba(0,0,0,0.2); padding:8px; font-size:23px; color:#fff; font-family: 'Edwardian Script ITC'; transition: box-shadow 0.2s ease; } textarea:focus { box-shadow:inset 0 0 16px rgba(0,0,0,0.24), 0 0 14px rgba(0,0,0,0.2); } .container{ max-width: 400px; margin: 1em auto;@extend.clearfix; } #codepen-button{ float:right; } #codepen-json-builder{ input, select{ float: right; width: 50%; } .field-group{ margin: 6em 0; } } #build-api-button{ display: block; width: 100%; padding: 1em; text-align: center; } --></style>
« Article précédent
Article suivant »
Retour à l'accueil
Partager cet article
Repost
0
S'inscrire à la newsletter
Pour être informé des derniers articles, inscrivez vous :
Vous aimerez aussi :
Article publié depuis Eklablog
Article publié depuis Eklablog
Article publié depuis Eklablog
Article publié depuis Eklablog
Commenter cet article
Ajouter un commentaire
Thème Magazine © - Hébergé par
Eklablog
/https%3A%2F%2Flh3.googleusercontent.com%2F-drj07eUI7IQ%2FWfshPpdTtLI%2FAAAAAAADOm4%2FTd99GxjOCOENdzzPzZLDN5FnnBj4D7NSgCJoC%2Fw320-h240-rw%2F17.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-6eSJcfFteoM%2FWfsidlbFYVI%2FAAAAAAADOrE%2Fj2oNYgt8VzE4jsWh8vwdiBuDNlFKZlGMwCJoC%2Fw292-h468-rw%2F20a.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-Z71wS6lOmNE%2FWfyAV46cGSI%2FAAAAAAADOxM%2FzuCej6ophBAa0HTDh4C7GzB-lh0h0fYTQCJoC%2Fw356-h555-rw%2F2.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-GgWdAE3rGjI%2FWfyQTJujPRI%2FAAAAAAADO0w%2FJPSejYaMeFcu9oHRK1G1NLPYVRp9w30eACJoC%2Fw360-h540-rw%2F1.gif)