18 labākie Vue.js animācijas komponenti izstrādātājiem
Animēt Onscroll skatu
Vienkāršs komponents, kas animē elementus, ritinot tos skatā.
Tiešraides demonstrācija: https://vue-animate-onscroll.netlify.com/
V numurs
Animēta numuru pārejas bibliotēka vietnei Vue.js
Vienkārša, viegla bibliotēka vienmērīgai vertikālai skaitļu pārejai
Prlx skats
Vue.js paralaksa direktīva, kuru meklējāt (var animēt tulkojumu un fona pozīciju) http://vue-prlx.surge.sh/
Tipisks skats
Vue Animēta rakstīšana ~ 400 baitos JavaScript. https://turkyden.github.io/vue-typical/
Vue Collapse Transition
Pielāgota Vue pāreja uz elementu sakļaušanu horizontāli vai vertikāli. Darbojas gan ar fiksētu, gan ar “automātisku” platumu vai augstumu.
Vue Fake3d attēla efekts
Viltus 3D attēla efekts ar WebGL - w/ VueJS - SSR savietojams
Tiešraides demonstrācija: https://luxdamore.github.io/vue-fake3d-image-effect/
Daļiņu Bg skats
Vue.js daļiņu animācijas fona komponents. Izmantojiet to, lai jūsu vietne izskatītos forši.
Animēt Onscroll skatu
Vienkāršs komponents, kas animē elementus, ritinot tos skatā.
Tiešraides demonstrācija: https://vue-animate-onscroll.netlify.com/
V Rādīt slaidu
Vue.js direktīva elementa animēšanai no augstuma: auto; līdz augstumam: 0 pikseļi; un otrādi.
Tiešraides demonstrācija: http://v-show-slide.peterhegman.com/
Vue elpošanas krāsas
Vue Breathing Colors ir direktīva, ko izmanto, lai elpošanai līdzīgā veidā mainītu jebkuras sastāvdaļas fona krāsu.
Flipbook skats
3D lapas pagriešanas efekts vietnei Vue.js https://ts1.github.io/flipbook-vue/
flipbook ir Vue komponents, kas attēlo attēlus 3D lapu pagriešanas efektā tāpat kā grāmata.
reaģēt vietējā attēla slīdni
Neskaidrs skats
Vue.js komponents, lai jebkura veida tekstā lietotu traucējumu efektu https://ianaya89.github.io/vue-glitch
Skatīt lapas pāreju
Viegls spraudnis Vue.js lapu / maršrutu pārejai. https://orlandster.github.io/vue-page-transition
Daļiņu efekta pogu skats
Pārplīsušās daļiņas ietekmē pogu komponentu ✨❄️ https://dreambo8563.github.io/vue-particle-effect-buttons/
Skatīt Svg Transition
Izveidojiet divu stāvokļu pārejas ar SVG https://kai-oswald.github.io/vue-svg-transition/
Pinball skats
Komponents elementu apgriešanai ar jauku pāreju.
Tas ir patiešām mazs, JavaScript + CSS (min + gzip) ir mazāks par 1 KB
CSS izmanto Stylus + BEM + Autoprefixer
Ir ESM, CommonJS un UMD izplatījumi
Animēts skats
Funkcionāli animācijas komponenti, izmantojot Animate.css
Tiešraides demonstrācija: https://codekraft-studio.github.io/vue-animated/
Ritināšanas skats
“Vue-scrollin” ir Vue komponents, kas pirms pareizā teksta atklāšanas ritina montāžā dažādas rakstzīmes.
#vuejs #javascript #vue-js #vue
Skatīt Arī:
- Fix QuickBooks algu kļūda 15243 (FCS pakalpojums ir atspējots)
- Reāllaika interaktīvās HTML tabulas ar Easybase un DataTables.net
- Izveidojiet dinamisku formu UIKit (kompozīcijas izkārtojums, atšķirīgs datu avots, UICollectionView)
- Kā bloķēt vietnes pārlūkā Chrome
- Firebase administratora SDK ar GraphQL