Search Results for "size"

.... ~80 lines code, 2 functions, run onload. fascinating fact, LLM (AI) Local or free online, is not able to make some like this, just fly orange or green balls (2026). I tested All to size 122B and all free online. PS: I found out that CPU only and Safari (MacOS) cannot handle this old style, so I made a modified version (_safari_optimized) that works with a texture.

...Choose background, generate a terrain, set lights, fog, camera position, sky picture, scene duration. 2-Draw/ placement Import objects (OBJ, C3D, 3DS), or create shapes (sphere, cone, etc...). Place them and set size, dimensions, duplicate, group. 3-Color/texture Apply textures, colors, transparency 4-Animation/ story board Move object between two points or more(placement /orientation in space). Rotation, orbit, transparency/color change, traveling, with timers. Scenes are linked, making a movie with smooth transitions when running. ...

...Starport solves this by hoisting the component to a root level container (<StarportCarrier>), using a proxy at the source and destination positions, and then using Teleport to land the component in its new place. It uses the FLIP (First, Last, Invert, Play) technique: it captures initial position & size, moves the component in a floating state, then lands it into the new layout. This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3.

...Because they’re vector-based and CSS-driven, the animations scale cleanly at any resolution and look sharp on high-DPI displays. The library emphasizes small, reusable snippets: you copy a minimal markup block, apply the provided class, and tweak size or color through CSS variables or overrides. Animations are crafted to be smooth and performant, relying on GPU-friendly properties to keep frame rates high even on mobile devices. The set covers common loading metaphors (pulsing dots, rotating squares, bouncing bars), giving designers a consistent visual language across a site while keeping bundle size tiny.

Ramjet is a JavaScript animation library for morphing one DOM element into another. It creates the illusion that interface elements can transform smoothly between different shapes, sizes, and positions. The library works by cloning elements, aligning the target clone over the source, and animating both elements until the transition appears continuous. It is useful for playful UI effects, animated state changes, visual transitions, and experimental web interactions. Ramjet can be applied to...

...This example creates a 2D particle effect. For 3D particle effects the principles are the same but you use a 3D emitter and 3D behaviours. First create a new Flash file (Actionscript 3). Set the stage size to 500 pixels wide and 400 pixels high, set the frame rate to 30 fps and set the background color to black.