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> <style scoped>
.search-container { .search-container {
border: 1px solid #ccc; border: 1px solid #d5d4d4;
transition: border-color 0.5s; transition: box-shadow 0.5s,backdrop-filter 0.5s;
padding: 2px 10px; padding: 2px 10px;
backdrop-filter:blur(2px)
} }
.focused, .search-container:hover { .focused, .search-container:hover {
border:2px solid; box-shadow: 0px 0px 30px -5px rgba(41, 41, 41, 0.45);
margin:-1px; -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 { .before {