Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.

CSS by T. Afif

14,078 subscribers

25,194 views • 1 year ago •via X (Twitter)

Science & Technology Education Health & Wellness

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Tailwind CSS Tip ✨ You can create a floating input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔

Surjith S M ✪

173,050 views • 3 years ago

Tip: *only* using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯

Tip: only using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯

Minko Gechev

108,671 views • 3 years ago

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Tailwind CSS Tip ✨ You can create some cool looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔

Surjith S M ✪

140,209 views • 3 years ago

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,341 views • 3 years ago

Password checker using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Password checker using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

13,658 views • 1 year ago

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.

💡 CSS Tip! Two circles, one arrow, and CSS magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.

CSS by T. Afif

82,668 views • 6 months ago

pretty incredible what you can do with a few dozen lines of CSS nowadays

pretty incredible what you can do with a few dozen lines of CSS nowadays

scalar

12,719 views • 3 months ago

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create this password validator with HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

13,836 views • 10 months ago

Create sidebar using HTML and CSS 🚀 Code in the comments 👨‍💻

Create sidebar using HTML and CSS 🚀 Code in the comments 👨‍💻

David Mráz

300,165 views • 2 years ago

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

💡CSS Tip! Create a tooltip that follows an anchor with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!

CSS by T. Afif

57,769 views • 8 months ago

"CSS <color-input> Color Picker" by Adam Argyle

"CSS <color-input> Color Picker" by Adam Argyle

CodePen.IO

11,668 views • 6 months ago

Create these burgers using HTML and CSS 🚀 Code in the comments 👨‍💻

Create these burgers using HTML and CSS 🚀 Code in the comments 👨‍💻

David Mráz

33,732 views • 1 year ago

amazing what a few lines of #CSS can do

amazing what a few lines of #CSS can do

Adam Argyle

32,950 views • 1 year ago

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create this sidebar using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

65,949 views • 1 year ago

Create responsive footer using just HTML and CSS 🚀 Code in the comments 🧑‍💻

Create responsive footer using just HTML and CSS 🚀 Code in the comments 🧑‍💻

David Mráz

28,915 views • 2 years ago

💡 DevTools tip: You can make your console.log stand out by adding some CSS to it! 🎨

💡 DevTools tip: You can make your console.log stand out by adding some CSS to it! 🎨

bolt.new

32,637 views • 2 years ago

Create file upload dropzone using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

Create file upload dropzone using HTML, CSS and JavaScript 🚀 Code in the comments 👨‍💻

David Mráz

89,770 views • 2 years ago

How to create a Simple Sushi 🍣 Restaurant Landing Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.

How to create a Simple Sushi 🍣 Restaurant Landing Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.

Dhanian 🗯️

46,867 views • 1 year ago

Create responsive footer with subscribe form using CSS and HTML 🚀 Code in the comments 🧑‍💻

Create responsive footer with subscribe form using CSS and HTML 🚀 Code in the comments 🧑‍💻

David Mráz

78,635 views • 2 years ago

💡 Do you know about the `clip` value? In CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:

💡 Do you know about the `clip` value? In CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:

Ahmad Shadeed

10,451 views • 1 year ago