Estos días me tomé tiempo de continuar desarrollando algunas animaciones a modo de recopilación de código para subir a mi repositorio y que otros desarrolladores puedan simplemente copiar el código e utilizarlo en sus proyectos. A simple vista aparecen animaciones sencillas pero la complejidad es que lograr que el código funcione de manera correcta como uno espera no es nada fácil cuando se utiliza un marco de trabajo que convierte un lenguaje de programación en otro. <blockquote> These days, I've taken the time to continue developing some animations as a code compilation to upload to my repository so other developers can simply copy the code and use it in their projects. At first glance, the animations appear simple, but the complexity lies in the fact that getting the code to work correctly as expected is no easy feat when using a framework that translates one programming language into another. </blockquote> https://images.hive.blog/DQmY8ZNUBZBPhatABPP1aMF9t8UdjACzdx8D7pLXqMioyZF/animated.jpg https://images.hive.blog/DQmY8ZNUBZBPhatABPP1aMF9t8UdjACzdx8D7pLXqMioyZF/animated1.jpg Para este tipo de animaciones lo primordial es diseñar primero los contenedores y lograr tener unos ajustes mínimos y básicos para que la animación no requiera mucha complejidad. <blockquote> For this type of animation, the most important thing is to first design the containers and achieve minimal, basic adjustments so that the animation doesn't require much complexity. </blockquote> https://images.hive.blog/DQmYkgtQthRbJFXHp2imduC9zyWsAWo9GNYXGjkc1ULaA7N/animated3.jpg  Lo único que hace esta animación es transformar cada ítem que se encuentra en el centro del carrusel en un mayor tamaño y los que están a sus lateral en un menor tamaño a un resto refinar algunas cosas como el centrado pero eso no es nada complejo porque depende de capturar las dimensiones del ancho y aplicar un cuarto de margen a cada costado. <blockquote> The only thing this animation does is transform each item that is in the center of the carousel into a larger size and those that are on its sides into a smaller size. The rest refines some things like centering, but that is not complex at all because it depends on capturing the width dimensions and applying a quarter margin to each side. </blockquote>
| author | dobro2020 |
|---|---|
| permlink | crear-un-carrusel-horizontal-animado-en-una-app-movil-esp-eng |
| category | hive-196387 |
| json_metadata | {"app":"hiveblog/0.1","format":"markdown","image":["https://images.hive.blog/DQmY8ZNUBZBPhatABPP1aMF9t8UdjACzdx8D7pLXqMioyZF/animated.jpg","https://images.hive.blog/DQmY8ZNUBZBPhatABPP1aMF9t8UdjACzdx8D7pLXqMioyZF/animated1.jpg<br","https://images.hive.blog/DQmYkgtQthRbJFXHp2imduC9zyWsAWo9GNYXGjkc1ULaA7N/animated3.jpg","https://images.hive.blog/DQmPxoWxA61SXHvjv4v25owKDNtiqPgdBPZ94xXpQ9qD3pd/animated4.jpg"],"tags":["spanish","stemng","stemsocial","stem","coding","stemgeeks"]} |
| created | 2025-07-12 19:08:18 |
| last_update | 2025-07-12 19:09:30 |
| depth | 0 |
| children | 3 |
| last_payout | 2025-07-19 19:08:18 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.876 HBD |
| curator_payout_value | 0.845 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 2,392 |
| author_reputation | 67,778,551,273,392 |
| root_title | "Crear un carrusel horizontal animado en una app móvil [ESP-ENG]" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 144,006,488 |
| net_rshares | 5,201,079,287,752 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| xeldal | 0 | 814,139,410,864 | 2.5% | ||
| adol | 0 | 210,876,617,749 | 2.5% | ||
| enki | 0 | 540,770,716,865 | 2.5% | ||
| kevinwong | 0 | 1,402,876,218 | 0.6% | ||
| eric-boucher | 0 | 3,440,070,408 | 0.6% | ||
| roelandp | 0 | 70,480,802,076 | 5% | ||
| cloh76 | 0 | 821,108,770 | 0.6% | ||
| rmach | 0 | 545,270,625 | 5% | ||
| lemouth | 0 | 361,257,978,568 | 10% | ||
| tfeldman | 0 | 1,134,080,387 | 0.6% | ||
| metabs | 0 | 1,142,219,413 | 10% | ||
| mcsvi | 0 | 108,069,016,033 | 50% | ||
| boxcarblue | 0 | 3,584,803,892 | 0.6% | ||
| justyy | 0 | 10,535,445,078 | 1.2% | ||
| michelle.gent | 0 | 745,510,631 | 0.24% | ||
| curie | 0 | 79,883,619,584 | 1.2% | ||
| modernzorker | 0 | 630,846,787 | 0.84% | ||
| techslut | 0 | 26,677,210,869 | 4% | ||
| steemstem | 0 | 184,030,588,147 | 10% | ||
| yadamaniart | 0 | 1,024,960,680 | 0.6% | ||
| walterjay | 0 | 105,384,936,641 | 5% | ||
| valth | 0 | 953,856,630 | 5% | ||
| metroair | 0 | 7,162,362,425 | 1.2% | ||
| driptorchpress | 0 | 473,171,312 | 0.3% | ||
| dna-replication | 0 | 343,602,768 | 10% | ||
| dhimmel | 0 | 5,743,035,575 | 2.5% | ||
| oluwatobiloba | 0 | 4,517,543,258 | 100% | ||
| detlev | 0 | 8,892,766,791 | 0.36% | ||
| dune69 | 0 | 657,658,247 | 1.2% | ||
| gamersclassified | 0 | 1,179,134,887 | 0.6% | ||
| eliel | 0 | 934,795,050 | 1.2% | ||
| jerrybanfield | 0 | 4,721,503,303 | 1.2% | ||
| rt395 | 0 | 877,161,926 | 1.5% | ||
| bitrocker2020 | 0 | 2,621,814,872 | 0.24% | ||
| ohamdache | 0 | 750,777,251 | 0.6% | ||
| sustainablyyours | 0 | 685,618,742 | 5% | ||
| helo | 0 | 9,062,983,125 | 5% | ||
| arunava | 0 | 3,665,323,332 | 0.48% | ||
| juancar347 | 0 | 5,183,411,685 | 0.6% | ||
| samminator | 0 | 5,796,017,907 | 5% | ||
| enjar | 0 | 15,407,793,101 | 1.08% | ||
| lorenzor | 0 | 1,294,665,857 | 50% | ||
| alexander.alexis | 0 | 6,911,946,895 | 10% | ||
| jayna | 0 | 1,839,595,294 | 0.24% | ||
| princessmewmew | 0 | 1,700,481,089 | 0.6% | ||
| joeyarnoldvn | 0 | 449,774,916 | 1.47% | ||
| gunthertopp | 0 | 12,418,215,404 | 0.24% | ||
| pipiczech | 0 | 532,697,405 | 1.2% | ||
| empath | 0 | 1,846,617,136 | 1.02% | ||
| minnowbooster | 0 | 806,301,926,963 | 20% | ||
| felt.buzz | 0 | 1,823,495,244 | 0.3% | ||
| howo | 0 | 175,799,938,890 | 10% | ||
| tsoldovieri | 0 | 1,031,905,418 | 5% | ||
| neumannsalva | 0 | 1,113,458,636 | 0.6% | ||
| stayoutoftherz | 0 | 37,828,820,263 | 0.3% | ||
| abigail-dantes | 0 | 3,792,519,071 | 10% | ||
| coindevil | 0 | 665,930,656 | 0.96% | ||
| investingpennies | 0 | 3,396,679,006 | 1.2% | ||
| iamphysical | 0 | 26,660,336,452 | 90% | ||
| azulear | 0 | 717,422,148 | 100% | ||
| psicoluigi | 0 | 792,657,664 | 50% | ||
| rocky1 | 0 | 169,450,999,585 | 0.18% | ||
| aidefr | 0 | 1,186,977,551 | 5% | ||
| splash-of-angs63 | 0 | 13,244,297,497 | 50% | ||
| meno | 0 | 2,513,916,130 | 0.6% | ||
| buttcoins | 0 | 10,452,576,920 | 0.24% | ||
| enzor | 0 | 627,195,478 | 10% | ||
| bartosz546 | 0 | 660,917,811 | 0.6% | ||
| sunsea | 0 | 1,929,920,604 | 0.6% | ||
| omstavan | 0 | 8,359,250,597 | 100% | ||
| bluefinstudios | 0 | 962,898,986 | 0.36% | ||
| steveconnor | 0 | 1,144,144,080 | 0.6% | ||
| aboutcoolscience | 0 | 3,366,664,873 | 10% | ||
| kenadis | 0 | 2,650,445,985 | 10% | ||
| madridbg | 0 | 2,496,754,513 | 10% | ||
| robotics101 | 0 | 3,174,533,665 | 10% | ||
| adelepazani | 0 | 773,050,491 | 0.24% | ||
| rebe.torres12 | 0 | 382,876,702 | 100% | ||
| r00sj3 | 0 | 474,527,101 | 5% | ||
| sco | 0 | 3,194,996,805 | 10% | ||
| ennyta | 0 | 947,687,100 | 50% | ||
| juecoree | 0 | 638,923,962 | 7% | ||
| gabrielatravels | 0 | 959,157,116 | 0.42% | ||
| hetty-rowan | 0 | 510,955,959 | 0.6% | ||
| ydavgonzalez | 0 | 471,125,105 | 10% | ||
| intrepidphotos | 0 | 2,867,151,054 | 7.5% | ||
| fineartnow | 0 | 891,276,191 | 0.6% | ||
| oscarina | 0 | 740,728,395 | 10% | ||
| aiziqi | 0 | 1,084,250,399 | 5% | ||
| steemvault | 0 | 519,040,362 | 1.2% | ||
| bennettitalia | 0 | 452,182,738 | 0.6% | ||
| utube | 0 | 894,091,961 | 1.2% | ||
| m1alsan | 0 | 1,430,206,215 | 1.2% | ||
| neneandy | 0 | 1,336,294,283 | 1.2% | ||
| marc-allaria | 0 | 537,275,774 | 0.6% | ||
| sportscontest | 0 | 1,221,870,407 | 1.2% | ||
| pandasquad | 0 | 3,884,283,375 | 1.2% | ||
| miguelangel2801 | 0 | 759,470,745 | 50% | ||
| mproxima | 0 | 825,359,395 | 0.6% | ||
| fantasycrypto | 0 | 887,551,739 | 1.2% | ||
| emiliomoron | 0 | 887,391,144 | 5% | ||
| photohunt | 0 | 862,916,431 | 1.2% | ||
| geopolis | 0 | 616,928,519 | 10% | ||
| robertbira | 0 | 1,039,063,302 | 2.5% | ||
| atomcollector | 0 | 497,071,387 | 0.3% | ||
| alexdory | 0 | 1,865,940,451 | 10% | ||
| takowi | 0 | 25,825,918,655 | 1.2% | ||
| irgendwo | 0 | 4,076,087,554 | 1.2% | ||
| cyprianj | 0 | 53,313,993,480 | 100% | ||
| melvin7 | 0 | 18,083,460,645 | 5% | ||
| francostem | 0 | 1,331,227,970 | 10% | ||
| endopediatria | 0 | 684,540,505 | 20% | ||
| chrislybear | 0 | 1,654,980,937 | 0.6% | ||
| croctopus | 0 | 1,422,522,334 | 100% | ||
| jjerryhan | 0 | 1,548,158,303 | 0.6% | ||
| putu300 | 0 | 1,270,077,273 | 5% | ||
| zipporah | 0 | 600,298,523 | 0.24% | ||
| superlotto | 0 | 1,246,317,914 | 1.2% | ||
| jorgebgt | 0 | 4,872,055,368 | 100% | ||
| bscrypto | 0 | 3,675,514,985 | 0.6% | ||
| tomastonyperez | 0 | 16,360,471,516 | 50% | ||
| bil.prag | 0 | 601,425,997 | 0.06% | ||
| elvigia | 0 | 10,718,141,143 | 50% | ||
| sanderjansenart | 0 | 1,311,206,483 | 0.6% | ||
| qberry | 0 | 939,237,519 | 0.6% | ||
| greddyforce | 0 | 1,146,312,005 | 0.44% | ||
| gadrian | 0 | 91,986,150,356 | 6% | ||
| therising | 0 | 24,878,714,981 | 1.2% | ||
| cryptocoinkb | 0 | 462,830,621 | 0.6% | ||
| de-stem | 0 | 5,405,153,078 | 9.9% | ||
| imcore | 0 | 863,714,010 | 10% | ||
| josedelacruz | 0 | 5,030,679,950 | 50% | ||
| softa | 0 | 1,043,415,040 | 0.24% | ||
| erickyoussif | 0 | 634,273,553 | 100% | ||
| deholt | 0 | 535,761,302 | 8.5% | ||
| minerthreat | 0 | 921,964,028 | 0.6% | ||
| nateaguila | 0 | 62,073,111,570 | 5% | ||
| temitayo-pelumi | 0 | 943,004,397 | 10% | ||
| hmayak | 0 | 5,021,844,655 | 50% | ||
| andrick | 0 | 825,902,769 | 50% | ||
| carilinger | 0 | 21,039,800,518 | 2.5% | ||
| doctor-cog-diss | 0 | 9,874,185,004 | 10% | ||
| musicvoter2 | 0 | 2,813,912,655 | 1% | ||
| acont | 0 | 1,575,408,640 | 50% | ||
| uche-nna | 0 | 1,905,634,847 | 0.96% | ||
| cheese4ead | 0 | 1,141,641,743 | 0.6% | ||
| carolinaelly | 0 | 2,644,187,046 | 100% | ||
| nattybongo | 0 | 3,756,897,982 | 10% | ||
| talentclub | 0 | 756,615,979 | 0.6% | ||
| ubaldonet | 0 | 5,103,280,748 | 80% | ||
| armandosodano | 0 | 1,330,004,188 | 0.6% | ||
| goblinknackers | 0 | 84,003,663,622 | 7% | ||
| reinaseq | 0 | 8,179,533,685 | 100% | ||
| kylealex | 0 | 5,500,978,439 | 10% | ||
| fran.frey | 0 | 4,026,177,791 | 50% | ||
| thelittlebank | 0 | 5,115,263,739 | 0.3% | ||
| pboulet | 0 | 18,254,111,799 | 8% | ||
| stem-espanol | 0 | 2,423,113,138 | 100% | ||
| futurekr | 0 | 2,049,013,031 | 100% | ||
| cliffagreen | 0 | 5,472,272,849 | 10% | ||
| aleestra | 0 | 15,777,903,504 | 80% | ||
| palasatenea | 0 | 491,325,618 | 0.6% | ||
| the.success.club | 0 | 777,575,430 | 0.6% | ||
| bntcamelo | 0 | 941,924,260 | 100% | ||
| rosauradels | 0 | 1,571,346,215 | 100% | ||
| giulyfarci52 | 0 | 1,644,663,663 | 50% | ||
| necho41 | 0 | 843,108,952 | 100% | ||
| kristall97 | 0 | 699,939,768 | 100% | ||
| multifacetas | 0 | 821,761,648 | 0.6% | ||
| cakemonster | 0 | 659,033,632 | 1.2% | ||
| stem.witness | 0 | 561,551,135 | 10% | ||
| pandapuzzles | 0 | 8,962,931,667 | 100% | ||
| wilmer14molina | 0 | 587,140,158 | 50% | ||
| vaultec | 0 | 318,031,353,043 | 12% | ||
| steemstorage | 0 | 1,621,326,659 | 1.2% | ||
| aqua.nano | 0 | 634,223,760 | 100% | ||
| crowdwitness | 0 | 3,666,751,225 | 5% | ||
| eternalsuccess | 0 | 1,475,736,884 | 1.2% | ||
| hairgistix | 0 | 707,857,571 | 0.6% | ||
| steemean | 0 | 9,991,930,461 | 5% | ||
| killerbot | 0 | 483,633,380 | 50% | ||
| littlesorceress | 0 | 1,369,218,021 | 1.2% | ||
| cryptofiloz | 0 | 1,892,784,885 | 1.2% | ||
| dawnoner | 0 | 570,363,639 | 0.12% | ||
| memehub | 0 | 710,535,812 | 0.6% | ||
| qwerrie | 0 | 1,327,114,537 | 0.09% | ||
| zeruxanime | 0 | 2,426,589,249 | 10% | ||
| tiffin | 0 | 776,632,702 | 1.2% | ||
| reggaesteem | 0 | 501,187,652 | 5% | ||
| tokensink | 0 | 751,250,165 | 1.2% | ||
| stem.alfa | 0 | 2,583,531,942 | 50% | ||
| steemstem-trig | 0 | 163,310,267 | 10% | ||
| baltai | 0 | 1,785,813,983 | 0.6% | ||
| ibt-survival | 0 | 38,350,912,550 | 10% | ||
| hive-199963 | 0 | 1,383,201,267 | 1.2% | ||
| monica-ene | 0 | 561,963,587 | 0.6% | ||
| fsm-core | 0 | 12,701,162,531 | 50% | ||
| stemsocial | 0 | 83,411,716,436 | 10% | ||
| the100 | 0 | 1,094,125,659 | 0.6% | ||
| hivelist | 0 | 705,852,591 | 0.36% | ||
| noelyss | 0 | 3,083,631,148 | 5% | ||
| quinnertronics | 0 | 16,122,536,134 | 7% | ||
| altleft | 0 | 5,399,969,932 | 0.01% | ||
| meritocracy | 0 | 15,809,141,791 | 0.12% | ||
| dcrops | 0 | 5,424,439,579 | 0.6% | ||
| whywhy | 0 | 597,690,475 | 0.33% | ||
| yozen | 0 | 1,913,332,908 | 0.6% | ||
| failingforwards | 0 | 784,858,295 | 0.6% | ||
| drricksanchez | 0 | 3,589,374,248 | 0.6% | ||
| nfttunz | 0 | 2,758,267,347 | 0.12% | ||
| okluvmee | 0 | 1,001,532,896 | 0.6% | ||
| soltecno | 0 | 42,226,968,357 | 100% | ||
| merit.ahama | 0 | 807,162,849 | 0.36% | ||
| holovision.cash | 0 | 5,214,995,324 | 100% | ||
| holovision.stem | 0 | 346,331,846 | 50% | ||
| mmckinneyphoto13 | 0 | 1,098,046,305 | 0.6% | ||
| altryx | 0 | 457,551,561 | 0.6% | ||
| aries90 | 0 | 12,409,946,500 | 1.2% | ||
| blingit | 0 | 868,920,780 | 0.6% | ||
| captaindingus | 0 | 2,121,409,442 | 0.6% | ||
| newilluminati | 0 | 3,861,899,702 | 0.6% | ||
| vickoly | 0 | 622,793,360 | 0.6% | ||
| lichtkunstfoto | 0 | 1,911,271,496 | 1.2% | ||
| lukasbachofner | 0 | 1,132,535,294 | 0.6% | ||
| belug | 0 | 1,682,438,963 | 0.36% | ||
| callmesmile | 0 | 770,625,498 | 0.6% | ||
| justfavour | 0 | 1,155,104,897 | 0.6% | ||
| jijisaurart | 0 | 636,977,056 | 0.6% | ||
| wasined | 0 | 4,386,543,545 | 1.2% | ||
| clpacksperiment | 0 | 668,859,234 | 0.6% | ||
| ambicrypto | 0 | 31,038,241,920 | 1.2% | ||
| humbe | 0 | 8,597,353,211 | 2% | ||
| jhymi | 0 | 1,227,065,231 | 0.6% | ||
| argo8 | 0 | 1,412,707,371 | 0.6% | ||
| rhemagames | 0 | 1,155,201,359 | 0.6% | ||
| bipolar95 | 0 | 3,145,601,474 | 10% | ||
| mavis-muggletum | 0 | 850,434,632 | 5% | ||
| profwhitetower | 0 | 3,318,249,934 | 5% | ||
| arka1 | 0 | 1,372,177,126 | 0.6% |
Sentar bases para que los que vienen luego puedan avanzar, es una muy noble acción. Le felicito por esa actitud y le deseo la mejor de las suertes.
| author | soltecno |
|---|---|
| permlink | re-dobro2020-2025713t191847871z |
| category | hive-196387 |
| json_metadata | {"tags":["spanish","stemng","stemsocial","stem","coding","stemgeeks"],"app":"ecency/4.2.1-vision","format":"markdown+html"} |
| created | 2025-07-13 23:18:48 |
| last_update | 2025-07-13 23:18:48 |
| depth | 1 |
| children | 1 |
| last_payout | 2025-07-20 23:18:48 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 147 |
| author_reputation | 95,709,907,868,941 |
| root_title | "Crear un carrusel horizontal animado en una app móvil [ESP-ENG]" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 144,039,063 |
| net_rshares | 12,063,797,352 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| dobro2020 | 0 | 12,063,797,352 | 100% |
Muchas gracias, me sirven mucho para dejar código con una buena base armada y si lo necesito en algún momento copioo y pego
| author | dobro2020 |
|---|---|
| permlink | re-soltecno-2025713t20203589z |
| category | hive-196387 |
| json_metadata | {"links":[],"type":"comment","tags":["hive-196387","spanish","stemng","stemsocial","stem","coding","stemgeeks"],"app":"ecency/3.3.3-mobile","format":"markdown+html"} |
| created | 2025-07-13 23:20:36 |
| last_update | 2025-07-13 23:20:36 |
| depth | 2 |
| children | 0 |
| last_payout | 2025-07-20 23:20:36 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 123 |
| author_reputation | 67,778,551,273,392 |
| root_title | "Crear un carrusel horizontal animado en una app móvil [ESP-ENG]" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 144,039,113 |
| net_rshares | 0 |
<div class='text-justify'> <div class='pull-left'> <img src='https://stem.openhive.network/images/stemsocialsupport7.png'> </div> Thanks for your contribution to the <a href='/trending/hive-196387'>STEMsocial community</a>. Feel free to join us on <a href='https://discord.gg/9c7pKVD'>discord</a> to get to know the rest of us! Please consider delegating to the @stemsocial account (85% of the curation rewards are returned). Consider setting @stemsocial as a beneficiary of this post's rewards if you would like to support the community and contribute to its mission of promoting science and education on Hive. <br /> <br /> </div>
| author | stemsocial |
|---|---|
| permlink | re-dobro2020-crear-un-carrusel-horizontal-animado-en-una-app-movil-esp-eng-20250713t022045407z |
| category | hive-196387 |
| json_metadata | {"app":"STEMsocial"} |
| created | 2025-07-13 02:20:45 |
| last_update | 2025-07-13 02:20:45 |
| depth | 1 |
| children | 0 |
| last_payout | 2025-07-20 02:20:45 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 646 |
| author_reputation | 22,930,655,615,829 |
| root_title | "Crear un carrusel horizontal animado en una app móvil [ESP-ENG]" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 144,015,469 |
| net_rshares | 0 |
hiveblocks