Posts

Glass UI Test code

Image
Creating a Liquid Glass UI with HTML and CSS This time, I created a Liquid Glass style UI demo using only HTML and CSS. The design was inspired by Apple-like translucent interface elements, where panels appear to float above a soft background with blur, reflection, and subtle distortion. The demo contains several interface components, including a music player, quick navigation menu, search button, search pill, and a dock-style icon area. The main visual effect is created by stacking multiple layers inside each glass component: a blur layer, a semi-transparent overlay, and a highlight layer. I also used an SVG filter to add a slight lens-like distortion, which helps the glass panels feel more dynamic and realistic. The result is a soft, glossy interface that reacts nicely to hover and active states. Features Pure HTML and CSS implementation No JavaScript required for the UI effect Liquid glass effect with CSS blur and transparency SVG filter for lens distortion R...

White Goat's Farm Adventure with Gemini Image Gen.

Image
 White Goat's Farm Adventure "Generate a story about a white baby goat going on an adventure in a farm in a 3d cartoon animation style. For each scene, generate an image." The Great Farm Escape of Barnaby Buckleberry Scene 1: Story:  Barnaby Buckleberry was a small, fluffy cloud of white, a baby goat with an adventurous spirit far too big for his little legs. He lived on Farmer McGregor's Sunny Meadow Farm, a place of green pastures, clucking chickens, and the comforting "baa-ing" of his mama. But Barnaby yearned for more than just nibbling clover in the same old field. He dreamt of the mysterious woods bordering the farm, a place the older goats warned him about. Image:  A wide shot of Sunny Meadow Farm in a bright, cheerful 3D cartoon style. Rolling green hills, a red barn, a few scattered sheep and cows. In the foreground, a small, bright white baby goat with large, curious blue eyes (Barnaby) is looking intently towards a dark green line of tre...