Random Password Generator

@charset "UTF-8";body { min-height: 100vh; padding-top: 100px; background: linear-gradient(20deg, #b2085a 0%, #52149e 51%, #089bd1 95%); font-family: "Kanit", sans-serif; font-weight: 300;} .instructions { font-size: 0.9rem; text-align: left;} h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0;} .title-wrapper { background: #af5095; padding: 2px 10px; color: white;} h1 { font-size: 1.1rem;} .inner-wrapper { padding: 20px;} .wrapper { overflow: hidden; margin: auto; width: 90%; max-width: 380px; background: white; border-radius: 5px; box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap;}.wrapper .password-wrapper { position: relative; border: 2px solid lightgray; color: gray; padding: 2px 2px 2px 8px; border-radius: 5px; text-align: left; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between;}.wrapper .password-wrapper .alert { position: absolute; padding: 0 5px; border-radius: 2px; width: 21ch; height: 89%; left: 2px; top: -100%; width: 96%; text-align: center; color: #333; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}.wrapper .password-wrapper .alert.success { background: rgba(88, 216, 191, 0.9); opacity: 1;}.wrapper .password-wrapper .alert.fail { background: rgba(188, 90, 118, 0.9); color: white; opacity: 1;}.wrapper .password-wrapper .copy { height: 100%; width: 50px; background: #af5095; border: 0; color: white; border-radius: 2px; padding: 8px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}.wrapper .password-wrapper .copy:hover { background: #b762a0;}.wrapper .controls { text-align: left; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap;}.wrapper .controls .control { padding: 3px; border-bottom: 1px solid lightgray; width: 100%; margin: 2px;}.wrapper .controls .generate { width: 100%; border: 0; color: white; background: #af5095; border-radius: 3px; height: 25px; margin-top: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}.wrapper .controls .generate:hover { background: #b762a0;} #length-box { width: 100%;}#length-box input { width: 100%;} input[type="checkbox"] { visibility: hidden;} label.check-label { position: relative;}label.check-label:before { content: ""; height: 1rem; width: 1rem; left: -24px; top: 0; border: 0.5px solid lightgray; position: absolute; background: transparent; -webkit-transition: all 0.3s cubic-bezier(0, 0.82, 1, 1.81); transition: all 0.3s cubic-bezier(0, 0.82, 1, 1.81);} input[type="checkbox"]:checked + label.check-label:before { content: "?"; font-family: "FontAwesome"; font-size: 0.8rem; color: #58d8bf; text-align: center; background: #d4f5ef; -webkit-transition: all 0.3s cubic-bezier(0, 0.82, 1, 1.81); transition: all 0.3s cubic-bezier(0, 0.82, 1, 1.81);} Password Generator ---- Copy Select your options and click the "Generate" button. Your password Generator will generate the password that appears above. Password Length Use lowercase letters Use uppercase letters Use numbers Use special characters Generate! var clipboard = new Clipboard('.copy'); var lowercase = "abcdefghijklmnopqrstuvwxyz", uppercase = "ABCDEFGHIJKLMNOPQRSTUVWXYZ", numbers = "0123456789", punctuation = "!@#$%^&*()_+~`|}{[]:;?>

Random Password Generator

Password Generator

for youtube, tools click here

for Website and blogs Tools click here

imransiyal

Leave a Reply Cancel reply

Password Generator

for youtube, tools click here

for Website and blogs Tools click here

imransiyal

Related Articles

Silvesterfeuerwerk 2023 2024 Einkaufen » Pyroweb De

Мобильная Версия Сайта 1хбет 1xBet Вход На Официальный Сайт Букмекерской Конторы 1 Икс Бет

(no title)

(no title)

Leave a Reply Cancel reply