לייבלים מרחפים בטפסי אלמנטור
Thu Jul 15 2021 19:22:50 GMT+0000 (UTC)
Saved by
@Shesek
<script>
jQuery("input , textarea").focus(function(){
jQuery(this).parents('.elementor-field-group').addClass('focused');
});
jQuery("input , textarea").blur(function(){
var inputValue = jQuery(this).val();
if ( inputValue == "" ) {
jQuery(this).parents('.elementor-field-group').removeClass('focused');
}
});
</script>
ואת הקוד הזה בתוך CSS מותאם של הטופס:
selector .elementor-field-group {
position: relative;
}
selector .elementor-field-label {
position: absolute;
left: 15px;
top: 10px;
color: #999;
z-index: 10;
transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out;
transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
}
selector .focused .elementor-field-label {
background-color: #fff;
line-height:1.5;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
font-size: .90em;
}
content_copyCOPY
קרדיט: שמעון סביר
את הקוד יש לשים בתוך וידג'ט HTML ולשנות ערכים לפי הצורך
Comments