Glassmorphism login Form Tutorial in html css
A Pen by Foolish Developer on CodePen.
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> | |
<div class="p-storybook__wrapper"> | |
<div class="p-storybook__page"> | |
<div class="p-page__1"> | |
<div class="sky"> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> |
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> | |
<div class="p-storybook__wrapper"> | |
<div class="p-storybook__page"> | |
<div class="p-page__1"> | |
<div class="sky"> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> |
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> | |
<div class="p-storybook__wrapper"> | |
<div class="p-storybook__page"> | |
<div class="p-page__1"> | |
<div class="sky"> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> |
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> | |
<div class="p-storybook__wrapper"> | |
<div class="p-storybook__page"> | |
<div class="p-page__1"> | |
<div class="sky"> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> | |
<div class="star"></div> |
Glassmorphism login Form Tutorial in html css
A Pen by Foolish Developer on CodePen.
<!--------- Osmo [https://osmo.supply/] ---------> | |
<div class="parallax"> | |
<section class="parallax__header"> | |
<div class="parallax__visuals"> | |
<div class="parallax__black-line-overflow"></div> | |
<div data-parallax-layers class="parallax__layers"> | |
<img src="https://cdn.prod.website-files.com/671752cd4027f01b1b8f1c7f/6717795be09b462b2e8ebf71_osmo-parallax-layer-3.webp" loading="eager" width="800" data-parallax-layer="1" alt="" class="parallax__layer-img"> | |
<img src="https://cdn.prod.website-files.com/671752cd4027f01b1b8f1c7f/6717795b4d5ac529e7d3a562_osmo-parallax-layer-2.webp" loading="eager" width="800" data-parallax-layer="2" alt="" class="parallax__layer-img"> | |
<div data-parallax-layer="3" class="parallax__layer-title"> | |
<h2 class="parallax__title">Parallax</h2> |
How to play: Drag cub to star, Drag grid to rotate.
Also available at cubnpup.com
This is a proof-of-concept for a game. Basic art, no sound, no options, no polish. But the core game-play is there. It's more of a mobile game, focused on dragging — inspired by Threes. I'm looking to see if its any fun. Let me know!
I've always wanted to make a video game. This could be the one. My previous attempts never got past isolated demos because they were aiming for bigger ideas. They grew complex and unwieldy. So this game is designed to be simple. A game that I can actually make.