savory-eats-delight / style.css
nkjoy's picture
Create a restaurant website with a hero section showing signature dishes, menu with categories and prices, chef's special highlights, reservation form with date picker, location map, opening hours, and customer reviews.
26c11c6 verified
raw
history blame contribute delete
974 Bytes
/* Animation for hover effects */
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #d97706;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #b45309;
}
/* Smooth scrolling */
html {
scroll-behavior: smooth;
}
/* Navigation active state */
nav a.active {
color: #d97706;
font-weight: 600;
}
/* Review card shadow */
.review-card {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
/* Menu item hover effect */
.menu-item:hover {
transform: translateY(-5px);
}
/* Reservation form focus */
input:focus, select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.5);
}