Тёмный

TUTORIAL para crear un botón con animaciones usando HTML y CSS 

midudev
Подписаться 312 тыс.
Просмотров 64 тыс.
50% 1

Aprende a crear un botón vistoso para tu página web o aplicación con un poco de HTML y CSS.

Наука

Опубликовано:

 

20 фев 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@josuemiguelito295
@josuemiguelito295 8 месяцев назад
DE NADA: button{ border:0; background-image: linear-gradient( 150deg, #9500, #09F, #00DDFF ); border-radius: 8px; color:#fff; display: flex; font-size: 18px; padding: 4px; cursor: pointer; transition: .3s; } button span{ background-color: #111; padding: 16px 24px; border-radius: 6px; transition: .3s; } button:hover span { background: none; } button:active { transform: scale(0,9) }
@axeldylansalas4558
@axeldylansalas4558 5 месяцев назад
Si, gracias XD.
@johanmanuelmartinez8985
@johanmanuelmartinez8985 4 месяца назад
Gracias Master
@jhlo1319
@jhlo1319 3 месяца назад
gracias,rey
@luislopez2687
@luislopez2687 Месяц назад
te amo
@asmodeus4934
@asmodeus4934 21 день назад
Como se copia en celular?
@christopherfloresbarrera3494
Master, eres un crack la verdad, saludos desde Washington state!
@Constantin_Valdor_El_Prefecto
@Constantin_Valdor_El_Prefecto 11 месяцев назад
espero que este boton me de un 20 en mi proyecto de diseño web
@rafaellucero5768
@rafaellucero5768 Месяц назад
Que 💀
@santino406
@santino406 Год назад
Capooooo!!
@sebastiancolon3612
@sebastiancolon3612 8 месяцев назад
El duro!! Crack!!
@psluigisuarez
@psluigisuarez 10 месяцев назад
Esta genial, tengo una duda quería igual si uso hover?
@honori5466
@honori5466 7 месяцев назад
Muy bueno!
@thatlovetrain
@thatlovetrain 10 месяцев назад
sos un grandee graciaaas
@AngelArias-pj2hm
@AngelArias-pj2hm Год назад
eres bueno con los ytucos de visual studio code
@deevin10
@deevin10 Год назад
Full respect!
@Kai64gg
@Kai64gg 3 месяца назад
gracias peke
@Maximiliano.R
@Maximiliano.R 9 месяцев назад
se puede hacer con dos imagenes en lugar de una fuente y luego una imagen de fondo?
@user-of6gk2nk4e
@user-of6gk2nk4e 9 месяцев назад
0:00
@Arkhamux
@Arkhamux 8 месяцев назад
Capo
@juansebastiansuarezbarbosa6780
una pregunta y como lo muevo de lugar osea para ponerlo en donde quiera
@asyncFlex
@asyncFlex Год назад
Gracias
@FranGG
@FranGG Год назад
me podrias pasar el codigo? lo tengo asi y se me ve bien diferente button{ border: 0; background-image: linear-gradient( 150deg, #96db0d, #09f, #00DDFF ); border-radius: 8px; color: #fff; display: flex; font-size: 18px; padding: 4px; cursor: pointer; transition: .3s; } button span { background-color: #40a8c4; padding: 16px 24px; border-radius: 6px; transition: .3s; } button:hover span { background: none; } button:active { transform: scale(0.9); }
@PESSI_02
@PESSI_02 Год назад
banda, como se estila?
@sergiocotero6622
@sergiocotero6622 Год назад
Aplica también para un input?
@chancu123
@chancu123 8 месяцев назад
00:01
@lacasitagamerok-ow9ig
@lacasitagamerok-ow9ig 8 месяцев назад
COMO LE PONGO ENLACE SIN ARRUINAR LA ANIMACION?'?
@kevinperez8192
@kevinperez8192 Месяц назад
descargar
@kevinperez8192
@kevinperez8192 Месяц назад
tarde , pero llegue jaja
@leonardocolins760
@leonardocolins760 28 дней назад
@@kevinperez8192 esto es para llamar al archivo css?
@clipsrandom4023
@clipsrandom4023 9 месяцев назад
0:01
@Kenny25632
@Kenny25632 Год назад
00:00
@hermidesmedina6123
@hermidesmedina6123 10 месяцев назад
Creo que nunca lograre trabajar creando applicaciones con React por que con personas como midudev pa que me contraran a mi
@themadplayer4955
@themadplayer4955 Год назад
Pero ponlo la estructura completa
@yonahhcastro8243
@yonahhcastro8243 10 месяцев назад
Codea no copies y peges, porque no vas a aprender nunca mas
@afgomez123
@afgomez123 Год назад
Por que pones la caja flex ?
@ericcartman7198
@ericcartman7198 8 месяцев назад
Misma duda
@pibeblanco6759
@pibeblanco6759 8 месяцев назад
nose, espero haberte ayudado
@josuedavidseguraalvarado6238
@josuedavidseguraalvarado6238 11 месяцев назад
no te olvides del git
@isaac.moreno
@isaac.moreno Год назад
Si hago más de un botón me queda uno debajo del otro, ¿Cómo hago para ponerlo en la misma fila?
@joseeleuteriomejiahernande1174
@joseeleuteriomejiahernande1174 2 месяца назад
pones display:flex: flex-direction:row; o también display: inline;
@ianpacora
@ianpacora 3 месяца назад
no ando
@ranomor57
@ranomor57 Год назад
una pregunta como se estila?
@melichzvanpersie9550
@melichzvanpersie9550 9 месяцев назад
Creas un archivo cualquier nombre y le pones .css. Ejemplo: button.css. En ese archivo le das estilo a tu html
@ranomor57
@ranomor57 9 месяцев назад
Amigo te tardastes mucho ya se como hacerlo y mejor😂 Pero igual gracias 😁
@wilkachimbo5808
@wilkachimbo5808 Год назад
no me sale😥
@adrielsoren2904
@adrielsoren2904 Год назад
tampoco a mi, lastima ... despues 1324255 intentos:(
@plutoniotv
@plutoniotv 9 месяцев назад
😢😢bro Tu No haces Na Con Hacer Un Video Y no Mostrar el Paso Completo Por lo Meno Un Capture la uno Ver copiar bien el código 😢
@elgatonegrosk8
@elgatonegrosk8 11 месяцев назад
Mucho texto
Далее
Mi primera página web en HTML
0:46
Просмотров 165 тыс.
skibidi toilet multiverse Special Episode 02
07:37
ПООСТЕРЕГИСЬ🙊🙊🙊
00:39
Просмотров 17 млн
Aprende a centrar elementos en CSS
1:00
Просмотров 187 тыс.
Crea un Loader moderno con HTML y CSS
0:53
Просмотров 26 тыс.
Carrusel con Html y Css sin JavaScript
13:00
Просмотров 21 тыс.
¿Necesito crear un archivo HTML por cada página?
18:07
HACK CSS GRID. (CSS  como PRO)
0:54
Просмотров 51 тыс.
Guía sobre Position en CSS
8:08
Просмотров 288 тыс.
Curso Básico de HTML5 y CSS3 Desde Cero
36:37
Просмотров 560 тыс.
Топ-3 суперкрутых ПК из CompShop
1:00
😱НОУТБУК СОСЕДКИ😱
0:30
Просмотров 3 млн
Huawei который почти как iPhone
0:53
Просмотров 618 тыс.