正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Responsive funny Credit Card form ✨ Using HTML, CSS and JavaScript CodePen link below 👇

Viki ✨

16,818 subscribers

908,753 次观看 • 2 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 条评论

Viki ✨ 的头像

Viki ✨2 年前

CodePen link:

Robert D. 的头像

Robert D.2 年前

Really beautifully done… but I have a Visa card. 😂

Viki ✨ 的头像

Viki ✨2 年前

😂

Pratham 的头像

Pratham2 年前

Pretty cool! Have you tried adding the perspective property? Will give a 3D look on the flip.

Kass 🦈 的头像

Kass 🦈2 年前

Incredible job!

Viki ✨ 的头像

Viki ✨2 年前

Thank you, Kass 😊

Kenneth Luplau-Brøgger 的头像

Kenneth Luplau-Brøgger2 年前

4 years ago this was posted.

Vadim Makeev 💙💛 的头像

Vadim Makeev 💙💛2 年前

Looks very nice! 😍 There are ways to make it even better! - Add autocomplete attributes: cc-name, etc. for better autofill experience for password managers - Use <input type=text inputmode=numeric> instead of type=number

Madza 👨‍💻⚡ 的头像

Madza 👨‍💻⚡2 年前

Another lit design, loving your projects and attention to detail in those! 💖👍💯

Anas Chudhary 的头像

Anas Chudhary2 年前

Where is code?

相关视频

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

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

Viki ✨

401,482 次观看 • 2 年前

Responsive HTML table with sticky columns and mobile view created using only CSS and HTML ✨ CodePen link below 👇

Responsive HTML table with sticky columns and mobile view created using only CSS and HTML ✨ CodePen link below 👇

Viki ✨

385,849 次观看 • 2 年前

Making a beautiful card effects with HTML & CSS No JavaScript ❌ CodePen 👇

Making a beautiful card effects with HTML & CSS No JavaScript ❌ CodePen 👇

Ali Reza

103,241 次观看 • 3 年前

FINALLY!!! Built this Exclusive Fully Responsive Animated Multifunctional Portfolio Website with Light/Dark mode using HTML, CSS & Javascript How's it? Drop your comments 😊 SOURCE CODE 👇

FINALLY!!! Built this Exclusive Fully Responsive Animated Multifunctional Portfolio Website with Light/Dark mode using HTML, CSS & Javascript How's it? Drop your comments 😊 SOURCE CODE 👇

Raja - impeccify.com 🚀

192,258 次观看 • 3 年前

This? Completed it ✨ HTML, CSS, and JavaScript can take you to fun places 🚀 You might spot some added extras in this version! ┬┴┬┴┤•ᴥ•ʔ├┬┴┬┴ CodePen.IO link below 👇

This? Completed it ✨ HTML, CSS, and JavaScript can take you to fun places 🚀 You might spot some added extras in this version! ┬┴┬┴┤•ᴥ•ʔ├┬┴┬┴ CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

1,187,422 次观看 • 3 年前

Building a Nike E-commerce Website using HTML, CSS, JavaScript with Stripe Payment Integration

Building a Nike E-commerce Website using HTML, CSS, JavaScript with Stripe Payment Integration

Dhanian 🗯️

13,672 次观看 • 1 年前

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

Benita Mbulu

14,430 次观看 • 5 个月前

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 次观看 • 1 年前

Interactive particle system built with p5.js. Shapes smoothly morph between circle, square, and triangle on click. Made with javascript. Source code/CodePen link in the comment below. 👇

Interactive particle system built with p5.js. Shapes smoothly morph between circle, square, and triangle on click. Made with javascript. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

12,164 次观看 • 1 年前

😎👋As promised, I've recreated it on @codepen ✨ I loved making it & animating the gradients🌈 Using: - CSS keyframes ✅ - CSS custom properties ✅ - CSS variables ✅ - NO JS ❌ Link: CrossBrowser incoming ➡️ #css #FrontEndDev

😎👋As promised, I've recreated it on @codepen ✨ I loved making it & animating the gradients🌈 Using: - CSS keyframes ✅ - CSS custom properties ✅ - CSS variables ✅ - NO JS ❌ Link: CrossBrowser incoming ➡️ #css #FrontEndDev

Luky - A$AP Luky

103,204 次观看 • 3 年前

How my games are going... #javascript #HTML #CSS #IndieGameDev #indiegame #indiedev #NodeJS #mysql

How my games are going... #javascript #HTML #CSS #IndieGameDev #indiegame #indiedev #NodeJS #mysql

Lord Doomer Protector of the Omniverse

27,028 次观看 • 1 年前

Future CSS Tip! 🔮 Use scroll-driven animations to create those cool Apple-style text reveals 🔥 No JavaScript required 👀 Responsive too! 🙌 .sentence { animation: highlight; animation-timeline: view(); animation-range: cover 40% cover 75%; } CodePen.IO link below! 👇

Future CSS Tip! 🔮 Use scroll-driven animations to create those cool Apple-style text reveals 🔥 No JavaScript required 👀 Responsive too! 🙌 .sentence { animation: highlight; animation-timeline: view(); animation-range: cover 40% cover 75%; } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

347,782 次观看 • 2 年前

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

Techartist

13,955 次观看 • 1 年前

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊

Surjith S M ✪

169,272 次观看 • 3 年前

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 次观看 • 1 年前

Los 3 cursos de Google para aprender desarrollo web desde cero: HTML, CSS y JavaScript ↓

Los 3 cursos de Google para aprender desarrollo web desde cero: HTML, CSS y JavaScript ↓

Brais Moure

20,938 次观看 • 8 个月前

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

A 3D scene built with Three.js, WebGL, and JavaScript. Features shape changing with a click/tap, camera navigation via dragging and scrolling, and adjustable bloom effects and animation properties. Source code/CodePen link in the comment below. 👇

Techartist

11,390 次观看 • 1 年前

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Diego | AI 🚀 - e/acc

145,468 次观看 • 5 个月前

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

CSS by T. Afif

36,193 次观看 • 5 个月前

Stickers made with css and svg filters, inspired by the awesome work of Mats Erdkamp and Guillermo Rauch The peel effect is entirely CSS (transformations and masking), while the sticker outline, the shadow, and the lighting was created using SVG filters. Codepen dropping soon below!

Stickers made with css and svg filters, inspired by the awesome work of Mats Erdkamp and Guillermo Rauch The peel effect is entirely CSS (transformations and masking), while the sticker outline, the shadow, and the lighting was created using SVG filters. Codepen dropping soon below!

balint

55,512 次观看 • 10 个月前