11 lines
692 B
CSS
11 lines
692 B
CSS
/* assets/css/style.css */
|
|
@keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
|
.animate-fade-in { animation: fade-in 0.5s ease-out forwards; }
|
|
|
|
@keyframes slide-up { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } }
|
|
.animate-slide-up { animation: slide-up 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
|
|
|
|
/* แต่ง Scrollbar ให้สวยงาม */
|
|
.custom-scrollbar::-webkit-scrollbar { height: 6px; width: 6px; }
|
|
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
|
|
.scrollbar-hide::-webkit-scrollbar { display: none; } |