Ahora podemos crear ANIMACIONES CSS con display: none

Рет қаралды 45,843

Күн бұрын

Пікірлер: 74

@fsy.yoshua95 3 ай бұрын

Eres el máster del CCS, en la universidad me costaba mucho JS, era muy complicado, el JS del año 2013, pero ahora CSS es una maravilla

@Albanus15 3 ай бұрын

overflow: hidden y opacity: 0 se van a desplomar como el bitcoin

@b0uixdev 3 ай бұрын

dentro del @starting-style?

@assasinsxxwhenxx2631 3 ай бұрын

Negativo overflow hidden es muy útil para animaciones , ya sea para animaciones deslizable, animaciones por capas before after, yo uso mucho overflow hidden dependo de el , sin esa propiedad no hay magia , opacity otra muy buena animación porque se va a deplomar opacity hace que un elemento desaparezca de manera fluida y no de golpe creo que no usas keyframes ? Lo uno es obligatorio y el otro se combina con lo que salió.

@Albanus15 3 ай бұрын

@@assasinsxxwhenxx2631 relax: 100% !important

@fsy.yoshua95 3 ай бұрын

Hahahahahaha bitcoin se desploma para arriba

@rodrigomarsan1143 3 ай бұрын

Que bueno! Vengo luchando bastante con este tipo de animaciones, ahora parece mucho más simple.

@assasinsxxwhenxx2631 3 ай бұрын

Recién me entero de [open] yo seguían usando js . Vaya más facilidad , y lo de display none cualquiera que le gusta animar sabe que era un problema yo medio lo camuflaba al colocarlo en tamano 0 así tenía ese margen porque display none desaparecía de una no se podía animar pero ahora es mejor una maravilla parece nada pero ayuda mucho

@eeduucv Ай бұрын

Muy buen video, me sirvió. Gracias. Like y favoritos

@SonGoku-pc7jl 3 ай бұрын

que chulo! gracias! genial explicación!

@jeanpaulsanchezmendoza1328 3 ай бұрын

Ahora sí, voy a dejar mi comentario aquí y espero que no lo censuren (razón por la cual dejé de seguirte en Twitch): Gloria a Dios por esta nueva característica en CSS!!

@jeanpaulsanchezmendoza1328 3 ай бұрын

@@joedomat jajaja! Siempre hay quien muestra su educación adquirida en la calle

@agustingomez7172 3 ай бұрын

esta muy tocho para escritorio, n lo conocia gracias Midu

@EdgarCornejoCahuana 3 ай бұрын

Se aprecia mucho esta información. 😄

@carlosdanielcastellanosgar8153 3 ай бұрын

Midu podrías hacer un video sobre cuando creas un elemento con js se anime al crearse con las view transitions y no solo aparezca lo que se creo? Y también si se puede al momento de eliminar dicho elemento que tenga una animación

@gjavier 3 ай бұрын

3:22 Me pregunto si la cuota de mercado que se indica para Firefox no viene dada por las métricas que recolecta el mismo navegador. Dado que muchos de nosotros usamos Firefox porque nos permite meterle bastante mano a la configuración y desactivar estas características, ¿no será que ese dato no es del todo confiable?

@almrac 3 ай бұрын

@@gjavier aquí otro fiel usuario de firefox

@MatiDragon 3 ай бұрын

Miduuuu gracias por el tip. Te comparto uno mío. Ya podes usar Markdown en las descripciones de los videos 🎉🎉🎉

@lcoronelp 3 ай бұрын

Ahora echo en falta un @ending-style :D

@angelbenjaminandradechavez6753 3 ай бұрын

Jejejeje no se nada de css me ha sorprendido bastante. Me quedé los divs jajajajajajajaja que maravilla. Gracias!!

@alfredsad8892 3 ай бұрын

gracias, voy a editar mi web ahora mismo

@diogenesmartinez1651 3 ай бұрын

Gracias papá Dio por estos vídeos 🎉

@jaimeviloriogreen 3 ай бұрын

El santo grial de CSS!!!

@xavier.xiques 3 ай бұрын

Muy bueno 👏

@midulive 3 ай бұрын

Gracias!

@henryparra6297 3 ай бұрын

👏👏👏👏👏👏👏👏👏 muy bueno 👍

@fidehlg89 3 ай бұрын

Dolor de cabeza con los dialogos jaja gracias Migue

@_chris_6786 3 ай бұрын

Buenísimo.

@lsolano2707 3 ай бұрын

No se mucho de css pero 🤯

@carloswarnerquezadadelacru6462 3 ай бұрын

Gracias

@NapalmJuice 3 ай бұрын

Ya era hora.

@lautaroriveiro 3 ай бұрын

buenísimo!

@leonosso 3 ай бұрын

gracias! Gracias! GRACIAS!

@andresxt7593 3 ай бұрын

se utiliza la librería boostrap verdad?

@MORFO458 3 ай бұрын

Si se puede hacer esa animación con css desde hace varios años transition lo utilizo

@emanuelpalacio-q3l 3 ай бұрын

No habias hecho un video de esto haces unos meses, del display none?

@cienmas 3 ай бұрын

Pero animar el display no seria perjudicial para el rendimiento de la página ? Tenia entendido que es mejor utilizar transform y opacity

@White_hats 3 ай бұрын

Midu podrias hablar de Jala University

@paracomentar2703 3 ай бұрын

Por fin, por fin terminó la beta de css

@santiaguchis 3 ай бұрын

ya me imagino ese kilómetro de clases en tailwind

@EDWINAGUSTINUSCANGAHERNANDEZ 3 ай бұрын

LIKE PARA QUE @midulive HAGA UN CURSO DE CSS ACTUALIZADO, SALUDOS🤙

@adrianricardoscalia9228 3 ай бұрын

não podes hacer isso com affter ou beford, no me lembro?

@davidcasadiegos3514 3 ай бұрын

No usen & para agregar estilos a etiquetas hijas, me pasó con varios usuarios que tienen como una versión no actualizada del navegador, y no se aplicaban los estilos, tuve que volver a la asignación tradicional de .padre .hijo , es lo más estable.

@cryptominero8820 3 ай бұрын

buenisimo

@Vipoke 3 ай бұрын

pues yo me he pasado a firefox hace poco, ahi, subiendo el porcentaje (?)

@julianbustos3079 3 ай бұрын

a mi el details no me funciona igual, no logro animar la altura, lo unico q logro animar es el background-color.... :(

@gamuro6977 3 ай бұрын

pudiste solucionarlo?

@FranciscoRestivo96 3 ай бұрын

Siempre me pregunté sobre porqué CSS no tiraba parra el lado de animaciones nativas. Que bueno que esté sucediendo, ya era hora.

@jpslr-86 3 ай бұрын

Noooooooooooo quiero llorar..... Estoy vivo para ver esto...😂 Brutal esto

@gamuro6977 3 ай бұрын

no logro hacerlo funcionar con el details ayuda

@MateScript 3 ай бұрын

La cuota de Firefox baja porque ya no tiene nada que lo diferencie de los demas navegadores, yo uso un Chromium porque hay extensiones que no funcionan bien el Firefox

@UzielMorales-o3d 3 ай бұрын

No me funciona el allow-discrete :( lo cierra de golpe

@jimmymontenegro8517 3 ай бұрын

Dice mi mamá que gracias ;)

@adriansanchezmillan 3 ай бұрын

Yo sigo usando Firefox :) y Brave en el teléfono

@elliotgaramendi 3 ай бұрын

Era lo que soñaba, dios! Era la única razón por la que no usaba los nuevos elementos, por el tema de los estilos ahora es god.

@mto88a 3 ай бұрын

Yo soy parte del 0.01 % que aún usa firefox y si desaparece tendré que soportar las webtools de chrome 😢

@alpaca5548 3 ай бұрын

ahora a esperar que el wey de la alcantarilla actualice el navegador 🤑

@rastersoft 3 ай бұрын

Yo creo que en cuanto chrome desactive la API 2 de las extensiones y adblock deje de funcionar, el número de usuarios de firefox crecerá.

@quimicaengenharia 3 ай бұрын

dialog { /* PASO 0: ESTADO INICIAL */ transform: scale(0) translate(0px, 100px); opacity: 0; transition: transform 0.3s ease-in-out, opacity 0.3s ease; } dialog[open] { /* PASO 1: AL ABRIRLO */ transform: scale(1) translate(0px, 0px); opacity: 1; } dialog.closing { /* PASO 2: AL CERRARLO */ transform: scale(0); opacity: 0; }

@Heizahn 3 ай бұрын

framer motion sera deprecado 0-0 y justo que lo estaba aprendiendo :(

@snithfferx 3 ай бұрын

Eso de "@starting-style" lo he visto antes en una transición. creo que era transform o algo así. pensé quera cosas de las query media.

@Kain20XX 3 ай бұрын

es que a mi firefox me va re lento y no se porque....sobre todo en youtube o paginas con mucha carga en javascript calculo. por eso lo deje de usar. ahora estoy con Edge...pos porq si jajja

@someday4099 3 ай бұрын

a mi tambien me paso lo mismo, hice unas pruebas con Edge, Chrome, Brave y Opera y me cambie a Brave.