zwgczx/zwpanel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加css动画

Browse Source
This commit is contained in:
keyboardreamer 2024-01-14 07:51:39 +08:00
parent 02e5761eca
commit e535152ea6
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/deskModule/SearchBox/index.vue
View File

@ -170,14 +170,17 @@ onMounted(() => {
<style scoped>
.search-container {
border: 1px solid #ccc;
transition: border-color 0.5s;
border: 1px solid #d5d4d4;
transition: box-shadow 0.5s,backdrop-filter 0.5s;
padding: 2px 10px;
backdrop-filter:blur(2px)
}
.focused, .search-container:hover {
border:2px solid;
margin:-1px;
box-shadow: 0px 0px 30px -5px rgba(41, 41, 41, 0.45);
-webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.45);
backdrop-filter:blur(5px)
}
.before {