Makale Büyütme
<script></script>
<script></script>
<script></script>
Divi bootstrap ile istediğiniz boyutta özelleştirebilirsiniz.
Normal Html İçin
HTML
CSS
#modal {
display: none;
background-color: rgb(255, 255, 255);
}
#modal.open {
display: block;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 2px solid black;
padding: 20px;
}
#modal.open:not(:focus-within) {
background-color: rgb(255, 255, 254);
transition: background-color 0.01s ease;
}
JS
button.onclick = () => {
modal.classList.toggle("open");
}
modal.addEventListener('transitionend', (e) => {
document.querySelector("#firstinput").focus();
});
CSS istediğiniz stili verebilirsiniz.
Bu kodu boş bir html sayfasına ekleyin ve butona basın. :)