我認為這只是一個相對簡單的問題，但找不到要改變的地方。如果您單擊此輸入字段，您會在該字段的底部看到漸變顏色。我需要添加一些東西，以便在加載頁面時（因此不要單擊）在底部獲得紅色漸變顏色，單擊時漸變會更改為黃色到粉紅色的漸變。提前致謝！<div class="limiter"> <div class="wrap-input100 validate-input"> <span class="btn-show-pass"> <i class="zmdi zmdi-eye"></i> </span> <input class="input100" type="password" name="password"> <span class="focus-input100" data-placeholder="wachtwoord"></span> </div></div>
1 回答
RISEBY
TA貢獻1856條經驗 獲得超5個贊
將 CSSborder-image和border-image-slice屬性添加到.wrap-input100類中
.wrap-input100 {
width: 100%;
position: relative;
margin-bottom: 37px;
border-bottom: 2px solid transparent;
border-image: linear-gradient(to right, #b721ff 0%, red 100%);
border-image-slice: 1;
}
- 1 回答
- 0 關注
- 101 瀏覽
添加回答
舉報
0/150
提交
取消