mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
40 lines
No EOL
727 B
HTML
40 lines
No EOL
727 B
HTML
<input
|
|
type="text"
|
|
name="text"
|
|
class="search-bar"
|
|
placeholder="Type something"
|
|
/>
|
|
|
|
<style>
|
|
/* From Uiverse.io by shadowmurphy - Tags: simple, material design, neumorphism, skeuomorphism, input */
|
|
.search-bar {
|
|
width: 200px;
|
|
height: 35px;
|
|
border-radius: 5px;
|
|
outline: none;
|
|
border: 1px solid #303030;
|
|
border-bottom: 2px solid #9a9a9a;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background-color: #2d2d2d;
|
|
color: white;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.search-bar::placeholder {
|
|
color: #9a9a9a;
|
|
}
|
|
|
|
.search-bar:hover {
|
|
background-color: #313131;
|
|
}
|
|
|
|
.search-bar:active,
|
|
.search-bar:focus {
|
|
background-color: #1e1f20;
|
|
border: 1px solid #2d2d2d;
|
|
border-bottom: 2px solid #4cc2ff;
|
|
}
|
|
|
|
</style>
|
|
|