DEV Community

Freecodez
Freecodez

Posted on

3D Radio Buttons

Hey there, You are most welcome to this article.

3D Radio Buttons

3D Radio Buttons

For full source code visit : https://freecodez.com/post/fc1amuu

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>3D Radio Buttons</title>
</head>
<body>
  <div class="radio-container">
    <input type="radio" id="option1" name="radio-group">
    <label for="option1">YES</label>

    <input type="radio" id="option2" name="radio-group">
    <label for="option2">NO</label>

    <input type="radio" id="option3" name="radio-group">
    <label for="option3">IDK</label>
  </div>

  <script src="script.js"></script>
</body>
</html>

Enter fullscreen mode Exit fullscreen mode

Source Code : https://freecodez.com/post/fc1amuu

For more such articles visit : https://freecodez.com

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series πŸ“Ί

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series πŸ‘€

Watch the Youtube series