Skip to content

Commit e1d0e53

Browse files
✨ Enhance theme toggle animations for improved visual effects
1 parent b4cffb0 commit e1d0e53

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

resources/views/components/theme-toggle.blade.php

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,8 +93,12 @@ class="theme-selector relative h-11 w-11 cursor-pointer select-none hover:text-s
9393
'0'
9494
document.querySelector('.theme-selector-sunshine').style.opacity =
9595
'0'
96+
document.querySelector('.theme-selector-moon').style.transform =
97+
'translate(0%, -50%) translate(12px, 0px)'
9698
} else {
9799
document.querySelector('.theme-selector-moon').style.opacity = '0'
100+
document.querySelector('.theme-selector-moon').style.transform =
101+
'translate(0%, -50%) translate(12px, 0px) rotate(70deg) scale(0.6, 0.6)'
98102
document.querySelector('.theme-selector-mini-star').style.opacity =
99103
'0'
100104
document.querySelector('.theme-selector-micro-star').style.opacity =

0 commit comments

Comments
 (0)