CSS輸入框藍光特效讓你的網頁更加炫酷，讓你的輸入框更加吸引人。這種效果可以通過CSS樣式來實現。

input{
padding: 5px;
border: none;
outline: none;
background: none;
position: relative;
}
input::before{
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.4);
width: 0px;
height: 0px;
border-radius: 50%;
opacity: 0;
transition: width 0.3s ease-in-out,
height 0.3s ease-in-out,
opacity 0.3s ease-in-out;
}
input:focus::before{
opacity: 1;
width: 200%;
height: 200%;
}

代碼中的input是輸入框的選擇器，用于選擇所有的輸入框。代碼中使用了偽元素::before給輸入框加上了一個圓形的藍色光暈。通過:focus偽類使得當輸入框獲得焦點時，圓形光暈變得更加明顯并且放大至輸入框的2倍大小。

使用這種特效可以使得你的輸入框更加吸引人，讓你的網站更加炫酷。你可以將這種效果應用到你的登錄表單、搜索框等等各種輸入框中。