ساخت دکمه نئونی

تمرین آسان 2055 visibility link download

دکمه ای به شکل زیر بسازید:

که وقتی نشانگر موس روی آن قرار گرفت به شکل زیر درآید:

👨‍💻 6 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد

reply 17

این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Hadi.jalooli HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
User 4497 HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

برای مشاهده این جواب باید اشتراک داشته باشی

دریافت اشتراک
Zaras HTML & CSS 
from tkinter import *

class Buttttn:
    def __init__(self):
        self.windo = None
        self.btn = None

    def btn_enter(self,e):
        self.btn.config(background="blue",foreground="white",cursor="hand2")
    def btn_leave(self,e):
        self.btn.config(background="white",foreground="blue",cursor="arrow")
    def click(self):
        self.windo = Tk()
        self.windo.title("6545")
        self.windo.geometry("300x160")

        self.btn = Button(self.windo,text="ثبت نام",font=("arial",14),bg="white",fg="blue",width=20,border=10,height=2)
        self.btn.pack(padx=10,pady=10)

        self.btn.bind("<Enter>",self.btn_enter)
        self.btn.bind("<Leave>",self.btn_leave)

        self.windo.mainloop()

app = Buttttn()
app.click()
Amirdaneshfar Python 
<!DOCTYPE html>
<html>
  <head>
    <style>
      a {
        color: rgb(0, 140, 255);
        border: 2px solid rgb(0, 140, 255);
        padding: 5px;
        text-decoration: none;
        box-shadow:0 0 5px rgb(0, 140, 255);
        text-shadow: 0 0 2px rgb(0, 140, 255);
        border-radius: 5px;
        font-weight: bold;
        font-size: 20px;
      }
      a:hover {
        color:white;
        background-color:rgb(0, 140, 255);
      }
    </style>
  </head>
  <body>
    <a href="#">Go To Home</a>
  </body>
</html>
Programmer HTML & CSS 
<!DOCTYPE html>
<html lang="fa">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SignUp</title>
    <style>
        * {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
        }

        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: white;
        }


        .button {
            padding: 15px 30px;
            background-color: rgba(255, 255, 255, 0.76);
            color: blue;
            border: rgb(0, 140, 255) 3px solid;
            width: 200px;
            height: 50px;
            box-shadow: 0 4px 8px rgba(0, 200, 255, 0.83);
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            display: inline-block;
            margin: 15px;
            outline: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.4s ease;
            font-size: 14px;
            text-decoration: none;
            text-align: center;
        }

        .button:hover {
            border-radius: 4px;
            background-color: #0056b3;
            padding: 10px;
            color: white;
            box-shadow: 0 4px 8px rgba(0, 200, 255, 0.83);
            border: #0056b3 2px solid;
            transform: scale(1.1);
        }

        .easy {
            position: absolute;
            color: rgba(0, 200, 255, 0.83);
            bottom: 20px;
            text-align: center;
            font-style: italic;
        }
    </style>
</head>

<body>
    <button class="button">SignUp</button>
    <div class="easy">
        <h3>easy!</h3>
    </div>
</body>

</html>
User 4342 HTML & CSS 
CSS___________________
    div
    {
      display: inline-block;
      padding: 1px 40px;
      border: 2px solid blue;
      color: blue;
      border-radius: 5px;
      user-select: none;
      transition:all .5s;
    }

    div:hover
    {
      background-color: blue;
      color: white;
    }

HTML__________________
   <div>
     ثبت نام
   </div>
Unun..ali..nunu HTML & CSS 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Neon Buttom</title>
  <style>
    body{
      margin: 0;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: lightgray;
    }
    div{
      background-color: rgba(43, 86, 109, 0.856);
      width: 300px;
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 20px;
      transition: 0.3s;
    }
    a{
      text-decoration: none;
      border: 2px solid rgb(80, 80, 218);
      border-radius: 10px;
      background-color: rgb(255, 255, 255);
      color: rgb(80, 80, 218);
      display: inline-block;
      width: 150px;
      padding: 10px;
      box-sizing: border-box;
      text-align: center;
      box-shadow: 0 0 5px rgb(80, 80, 218);
      text-shadow: 0 0 2px rgb(80, 80, 218);
      transition: 0.2s;
    }
    a:hover{
      background-color: rgb(80, 80, 218);
      color: white;
      border: 2px solid white;
    }
    div:hover{
      transform: scale(1.1);
    }
  </style>
</head>
<body>
  <div>
    <a href="#">Sign-Up</a>
  </div>
</body>
</html>
Mhrshad.jfri HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>دکمه نئونی</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <button class="neon-button">تماس با ما</button>
</body>
</html>
Sumy.amiri HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>دکمه تغییر شکل</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
        }

        .button {
            padding: 15px 30px;
            font-size: 16px;
            color: white;
            background-color: #007BFF;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .button:hover {
            background-color: #0056b3;
            transform: scale(1.1);
            border-radius: 20px; /* تغییر شکل به دایره‌ای */
        }
    </style>
</head>
<body>

    <button class="button">دکمه</button>

</body>
</html>
Mma123 HTML & CSS
<< صفحه قبل 1 2 صفحه بعد >>

reply ارسال جواب

  • قبل از ارسال جواب ویدیو آموزش markdown رو ببین
  • لطفا جواب های تکراری ارسال نکن
  • در متن جواب اطلاعات شخصی شامل ایمیل و شماره موبایل و آی دی و... ننویس
  • سعی کن داخل کدت از کلمات فارسی یا فینگلیش (فارسی با حروف انگلیسی) استفاده نکنی و کدت تماما انگلیسی باشه
  • لطفا داخل جواب از ایموجی یا کاراکترهای خاص استفاده نکن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است
×

حساب کاربری

برای استفاده از این بخش باید وارد حساب کاربریت بشی

ورود/ثبت نام
بستن