Toyshot commited on
Commit
18e9fa2
·
verified ·
1 Parent(s): 45a69fa

Fix the aura please make it better

Browse files
Files changed (1) hide show
  1. index.html +25 -8
index.html CHANGED
@@ -115,26 +115,43 @@
115
  // Simple animation for the greeting star
116
  document.addEventListener('DOMContentLoaded', function() {
117
  const star = document.querySelector('[data-feather="star"]');
 
118
  anime({
119
  targets: star,
120
- rotate: [0, 360],
121
- scale: [1, 1.2, 1],
122
- duration: 6000,
 
123
  loop: true,
124
  easing: 'easeInOutSine'
125
  });
126
- // Subtle pulse for the input box
 
127
  anime({
128
  targets: 'input',
129
  boxShadow: [
130
- '0 0 0 0 rgba(255,87,34,0)',
131
- '0 0 10px 2px rgba(255,107,58,0.15)',
132
- '0 0 0 0 rgba(255,87,34,0)'
133
  ],
134
- duration: 4000,
135
  loop: true,
136
  easing: 'easeInOutSine'
137
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
138
  });
139
  </script>
140
  </body>
 
115
  // Simple animation for the greeting star
116
  document.addEventListener('DOMContentLoaded', function() {
117
  const star = document.querySelector('[data-feather="star"]');
118
+ // Enhanced star animation
119
  anime({
120
  targets: star,
121
+ rotate: [0, 720],
122
+ scale: [1, 1.5, 1],
123
+ opacity: [0.8, 1, 0.8],
124
+ duration: 8000,
125
  loop: true,
126
  easing: 'easeInOutSine'
127
  });
128
+
129
+ // Glowing aura effect for input box
130
  anime({
131
  targets: 'input',
132
  boxShadow: [
133
+ '0 0 0 0 rgba(255,107,58,0)',
134
+ '0 0 15px 5px rgba(255,107,58,0.3)',
135
+ '0 0 0 0 rgba(255,107,58,0)'
136
  ],
137
+ duration: 3000,
138
  loop: true,
139
  easing: 'easeInOutSine'
140
  });
141
+
142
+ // Add subtle glow to submit button
143
+ anime({
144
+ targets: 'button[class*="from-accent-500"]',
145
+ boxShadow: [
146
+ '0 0 0 0 rgba(255,107,58,0)',
147
+ '0 0 10px 4px rgba(255,107,58,0.4)',
148
+ '0 0 0 0 rgba(255,107,58,0)'
149
+ ],
150
+ duration: 2500,
151
+ loop: true,
152
+ easing: 'easeInOutSine',
153
+ delay: 1000
154
+ });
155
  });
156
  </script>
157
  </body>