正在加载视频...

视频加载失败

Responsive login form with fun animation ✨ Using HTML, CSS and JS. CodePen link below 👇

401,492 次观看 • 2 年前 •via X (Twitter)

43 条评论

Viki ✨ 的头像
Viki ✨2 年前

CodePen link:

Safari Web Extensions 的头像
Safari Web Extensions1 年前

Discover the top Safari web extensions to boost productivity, enhance workflow, and customize your browsing experience on Mac, iOS, and iPadOS.

Viki ✨ 的头像
Viki ✨2 年前

Should I continue to make animations and elements like this? ✨

Barry 的头像
Barry2 年前

Where does the animation go when the screen is mobile?

Viki ✨ 的头像
Viki ✨2 年前

It's at the bottom of the page

S4RAH 的头像
S4RAH2 年前

You make the cutest stuff honestly 🙌💕

Viki ✨ 的头像
Viki ✨2 年前

Thank you 🥹💜

Chris Lane Jones 的头像
Chris Lane Jones2 年前

Reposting this friendly fellow!

Viki ✨ 的头像
Viki ✨2 年前

Thank you, Chris 😊

𝕏 Sonson ti nèg Okay lan😎 💪♓🇭🇹𝕏 的头像
𝕏 Sonson ti nèg Okay lan😎 💪♓🇭🇹𝕏2 年前

I would like to have the code source please

Viki ✨ 的头像
Viki ✨2 年前

You can check out the code on CodePen. The link is in the second post in this thread 😊

Stüdyo Gri Fare 🇨🇦 的头像
Stüdyo Gri Fare 🇨🇦2 年前

Everybody is looking for fun while they are logging in, right?

Viki ✨ 的头像
Viki ✨2 年前

Usually, the resister and login pages are very boring, so why not add some fun? 😊

El Zulu 的头像
El Zulu2 年前

Does it have mobile responsive?

Viki ✨ 的头像
Viki ✨2 年前

Yes 😊

ItzAnkit 的头像
ItzAnkit2 年前

Intresting project, can I get a source

Software Finder 的头像
Software Finder2 年前

This is so simple, yet so elegant. This has the potential of becoming a common occurrence in all major websites in the near future. Hats off to you! 👏👏

Csaba Kissi 的头像
Csaba Kissi2 年前

Nice one, Viki! I like the "follow the cursor" effect.

Viki ✨ 的头像
Viki ✨2 年前

Thanks, Csaba! ✨

Michał Zakrzewski 的头像
Michał Zakrzewski2 年前

great idea with this averting eyes while typing the password 😁

Ali Reza 的头像
Ali Reza2 年前

I need to check the code and learn it... Thanks

yash 的头像
yash2 年前

Loved it! Cool work 👍

𝕲𝔬𝔱𝔥𝕬𝔩𝔦𝔢𝔫👽🧑‍🚀🚀🛰️🪐🇺🇸🇪🇺🏳️‍🌈⚧✝️⚜ 的头像
𝕲𝔬𝔱𝔥𝕬𝔩𝔦𝔢𝔫👽🧑‍🚀🚀🛰️🪐🇺🇸🇪🇺🏳️‍🌈⚧✝️⚜2 年前

looks cool!

A Real !Bot 的头像
A Real !Bot2 年前

such fun...

Otonye Hillary 🇳🇬 的头像
Otonye Hillary 🇳🇬2 年前

the coolest thing I have seen all day

Björn 的头像
Björn2 年前

Well done 💪😃 it’s really funny 😄

E-mbanga 的头像
E-mbanga2 年前

quite interesting. let me try implement it in a different stack. @viki_code

XiuerOld 的头像
XiuerOld2 年前

cool

MOHAMMAD AYMON 的头像
MOHAMMAD AYMON2 年前

Wow.interesting

El Fakin Alfiler Del Fakin Filardez 的头像
El Fakin Alfiler Del Fakin Filardez2 年前

THAT'S BEAUTIFUL

Adhityan 🧑‍💻 的头像
Adhityan 🧑‍💻2 年前

That's...cute 💫

知识分享官 的头像
知识分享官2 年前

So cute 🥰,Thank you for sharing.

Divakar🫧 的头像
Divakar🫧2 年前

So cool interaction on password 🔑!!

Ritika Agrawal 的头像
Ritika Agrawal2 年前

Amazing animation esp that bounce one at the starting🤩

Biggie.eth 的头像
Biggie.eth2 年前

Love this! Good Job!

Rohan.dev👨🏻‍💻 🇮🇳 的头像
Rohan.dev👨🏻‍💻 🇮🇳2 年前

Great one Viki 🙌💯

Timi 的头像
Timi2 年前

Nice! I love responsive designs, and this one is truly remarkable.

Apostle Paul 的头像
Apostle Paul2 年前

Simple and Elegance

Camille Demarle 的头像
Camille Demarle2 年前

Amazing work 🤩

Senith 的头像
Senith2 年前

That's cool!

Dayanand Jagtap 的头像
Dayanand Jagtap2 年前

This is amazing ... Registration pages are boring af ... Adding some interactivity definitely makes a site a lot better!

Jamik 的头像
Jamik2 年前

That sounds amazing! I love seeing creative ways to enhance user experiences. Can't wait to check out the animation!

abdulrafiu.dev 的头像
abdulrafiu.dev2 年前

Nice 🙂

相关视频