Untitled

<!doctype html>
<html lang="pl">
<head>
    <title>Zadanie 9</title>
    <meta charset="UTF-8" />
    <style>
        a {
            font-family: Arial, sans-serif;
            font-size: 10pt;
            font-weight: bold;
            text-decoration:none;

            display: block;
            color:#fff;
            padding: 8px 40px;
            height:20px;width:40px;
            border-radius: 3px;
            box-shadow: 3px 3px 8px #888888;
            border: 1px solid #7a7a7a;
            background: -webkit-linear-gradient(top, #a9a9a9 0%, #929292 16px, #818181 17px, #989898 100%);
            transition: color 0.2s;
        }

        a:hover
        {
            background: -webkit-linear-gradient(top, #555, rgb(143, 133, 133));
        }

        a:active
        {
            color: black;
            opacity: 0.5;
            /* text-decoration: line-through;
            text-decoration-color: red; */
        }

        div {
            width:100px;
            height:50px;
            background-color:#fff;
            color:#000;
            border: 3px solid #ccc;
            transition:width 1s, background-color 2s, color 1s;
        }
        div:hover { width:200px;background-color:rgb(51, 44, 44);color:#fff; }

        input {
            width:100px;
            height:50px;
            background-color:#fff;
            color:#000;
            border: 3px solid #ccc;
            transition:width 1s, background-color 2s, color 1s;
        }
        input:hover { width:200px;background-color:rgb(51, 44, 44);color:#fff; }


    </style>
</head>
<body>
    <input type="text"> Imie
    <div>Imie</div>
    <div>Nazwisko</div>
    <div>Adres</div>
    <br>
    <a href="#">Wyślij</a>
</body>
</html>