[VideoTutorial] Como Hacer un Boton con CSS
Bueno quiero compartir con ustedes un videotutorial que los va a ayudar mucho con esto del css aqui nos muestra como hacer un boton Aunque es el vid...

Bueno quiero compartir con ustedes un videotutorial que los va a ayudar mucho con esto del css aqui nos muestra como hacer un boton



Aunque es el video 7 de una serie de diseño web que aun no han terminado pueden ver lo demas que les servira muchisimo para empezar a conocer un poco css y html
muchas gracias amigo
El video es tuyo dark? Pregunto de chusma Tongue
(1 Dec, 2013, 10:10 pm)eNvy escribió: El video es tuyo dark? Pregunto de chusma Tongue

no @eNvy el video no es mio pero es muy bueno el tuto
Está bueno, pero se pueden lograr mejores cosas.

Primero que el borde "blanco" que nombra, no se hace con border-top, ya que, si vos queres tener todo el botón contorneado con un borde del mismo color, no podrías.

Para eso se usa box-shadow con la propiedad "inset", algo así:

Código:
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(25, 255, 255, 1);
box-shadow: inset 0px 1px 0px 0px rgba(25, 255, 255, 1);

Obviamente cada uno lo hace a gusto, pero de ésta forma, se puede añadir un borde completo al botón, un degradado completo e incluso obtener esa línea blanca/color que tanto se desea Tongue. Está bueno como para empezar, pero se pueden hacer infinidad de cosas xD.

Ya cuando tenga un poco más de tiempo seguramente estaré aportando mi granito de arena en lo que es CSS.

Saludos, te dejo un + por traer el tuto ^^.
(1 Dec, 2013, 10:28 pm)eNvy escribió: Está bueno, pero se pueden lograr mejores cosas.

Primero que el borde "blanco" que nombra, no se hace con border-top, ya que, si vos queres tener todo el botón contorneado con un borde del mismo color, no podrías.

Para eso se usa box-shadow con la propiedad "inset", algo así:

Código:
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(25, 255, 255, 1);
box-shadow: inset 0px 1px 0px 0px rgba(25, 255, 255, 1);

Obviamente cada uno lo hace a gusto, pero de ésta forma, se puede añadir un borde completo al botón, un degradado completo e incluso obtener esa línea blanca/color que tanto se desea Tongue. Está bueno como para empezar, pero se pueden hacer infinidad de cosas xD.

Ya cuando tenga un poco más de tiempo seguramente estaré aportando mi granito de arena en lo que es CSS.

Saludos, te dejo un + por traer el tuto ^^.

Obviamente el hace la explicacion de una manera muy basica efectivamente para agregar un border top podes agregar un inset pero comparto el video es para que los usuarios que no tienen conocimiento de css o html aprendan un poco mas de que va todo esto
Fíjate que no me gustan los videotutoriales, me gusta todo por escrito, de hecho, quizá me anime a hacer unos cuantos tutos.

Enviado desde mi SK17i mediante Tapatalk