Inputfield (File-Upload success)
CODE
×
HTML
<div class='file-upload floating-label success' tab-index="0"> <input type=text value='Mein-Lebenslauf.pdf' class='file-upload-success' readonly tab-index="-1"> <label class='floating-label' tab-index="-1">Tabellarischer Lebenslauf</label> <img class='file-upload-img-success' src='img/Upload Icon close.svg'> </div>
CSS
input[type=text].file-upload-success { background-color:transparent; margin-top: 0; margin-bottom: 0; padding-right: 90px; } img.file-upload-img-success { width: 59px; height: 59px; } div.file-upload.floating-label.success > label.floating-label { top: -20px; } div.file-upload.floating-label.success > img.file-upload-img-success { position: absolute; top: 0; right: 0; } img.file-upload-img-success:hover, img.file-upload-img-success:focus { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } label.floating-label { font-size: 13px; line-height: 17px; font-family: 'Roboto'; font-style: normal; font-weight: 400; position:absolute; -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out; top: 1px; left: 23px; background-color: #fff; padding: 2px 5px; opacity:1; }
JS
Inputfield (File-Upload success)
Letzte Änderung: 15.01.2025 - 11:00 Uhr
×
Tabellarischer Lebenslauf