南島咖啡 - 主餐
body{
background-color: #f5f5f5;
}
#main-meal .summary,#drink .summary{
text-align: center;
margin-top: 20px;
}
#main-meal .mealblock,#drink .mealblock{
margin: 1rem;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
background-color: #f5f5f5;
transition: all .3s cubic-bezier(.25,.8,.25,1);
}
#main-meal .mealblock:hover,#drink .mealblock:hover{
transform: translateY(-10px);
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
}
#main-meal>h1,#drink>h1{
margin: 0 1rem;
font-size: 1.75rem;
color: #db0220;
}
/*#main-meal .mealblock img,#drink .mealblock img{
width: 400;
height: 400;
}*/
/* 40px */
.toTop-arrow {
width: 2.5rem;
height: 2.5rem;
padding: 0;
margin: 0;
border: 0;
border-radius: 33%;
opacity: 0.6;
background: #000;
cursor: pointer;
position:fixed;
right: 1rem;
bottom: 1rem;
display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
width: 18px;
height: 5px;
border-radius: 3px;
background: #f90;
position: absolute;
content: "";
}
.toTop-arrow::before {
transform: rotate(-45deg) translate(0, -50%);
left: 0.5rem;
}
.toTop-arrow::after {
transform: rotate(45deg) translate(0, -50%);
right: 0.5rem;
}
.toTop-arrow:focus {outline: none;}
主餐
阿粨
紅藜白米飯
燻烤豬肉
石頭火鍋
煙燻雞套餐
燻烤豬套餐
窯烤手工披薩
小米雞肉捲
豬血腸
野菜水餃
野菜火鍋
$(function(){ // 點擊 捲到網頁最上面 $('#BackTop').click(function(){ $('html,body').animate({scrollTop:0}, 333); }); $(window).scroll(function() { if ( $(this).scrollTop() > 300 ){ $('#BackTop').fadeIn(222); } else { $('#BackTop').stop().fadeOut(222); } }).scroll(); });