const t = transition(progress, { duration: 600, easing: 'easeOutQuad' });
// bindStyle sets inline style properties reactively bindStyle(document.querySelector('.bar'), t => ({ width: `${progress.value}%` }));
import { behavior } from 'femtality';
input { box-shadow: 0 0 calc(6px * var(--pulse)) rgba(220,20,60,0.45); transition: box-shadow 200ms; } FEMTALITY is framework-light: you can use its states inside React, Vue, Svelte, or plain DOM.
<div id="count">0</div> <button id="inc">+1</button> Behavior: state is shallow, synchronous, and cheap. Effects run after state updates. Use transitions to animate numeric state from A to B. FEMTALITY- -v0.16.1- By Aerisetta
function focusPulse() { const active = state(false); const pulse = transition(active, { duration: 800, loop: true }); return { attach(el) { el.addEventListener('focus', () => active.value = true); el.addEventListener('blur', () => active.value = false); // bind a CSS variable for use in styles bindStyle(el, () => ({ '--pulse': active.value ? '1' : '0' })); } }; }
const count = state(0);
React example (hooks wrapper):
The author of Her Asian Adventures is a solo female travel blogger from Spain. With over 10 years of experience in more than 15 Asian countries, she shares expert travel guides and tips to show that luxury experiences can be enjoyed on a budget. Passionate about empowering women, she is on a mission to help solo female travelers explore safely, affordably, and confidently.
Comments are closed.
What a clever title! I had never even thought about whether it snows or not in Singapore.
You had me reading on to see if it actually snowed in Singapore! Glad to know it does not. The tropical climate is what would draw us to return to Singapore – even in the winter! We would certainly like smaller crowds, a bit cooler temperatures and less rain.
Hmmm. Snow? Tropical Singapore? You had me going. Good advice for the winter (or anytime in Singapore I guess)
My brain was turning into a pretzel when I read your headline: snow? in Singapore?! Could it actually be true?
Thanks for untwisting my brain: Loved your article, great insights!