CSS3旋转寿司上海
导读:CSS3旋转寿司上海是一家集合了各种美食和视觉盛宴的餐厅,位于上海市一处闹市区,是一家备受欢迎的餐厅。CSS3旋转寿司上海的特色是采用了CSS3技术,通过旋转木盘展示各种精美的寿司,其形态各异、颜色鲜明,吸引了众多食客前来品尝。.rotat...
CSS3旋转寿司上海是一家集合了各种美食和视觉盛宴的餐厅,位于上海市一处闹市区,是一家备受欢迎的餐厅。
CSS3旋转寿司上海的特色是采用了CSS3技术,通过旋转木盘展示各种精美的寿司,其形态各异、颜色鲜明,吸引了众多食客前来品尝。
.rotating-sushi {
width: 500px;
margin: 20px auto;
position: relative;
}
.rotating-sushi .sushi {
position: absolute;
width: 70px;
height: 70px;
background-color: #FC4D4D;
border-radius: 50%;
transform-origin: center center;
animation-name: rotate;
animation-duration: 10s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes rotate {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
.rotating-sushi .sushi:nth-child(even) {
top: 250px;
left: 46px;
animation-delay: 5s;
}
.rotating-sushi .sushi:nth-child(3n+2) {
top: 150px;
left: 180px;
animation-delay: 2.5s;
}
.rotating-sushi .sushi:nth-child(3n) {
top: 190px;
left: -50px;
animation-delay: 7.5s;
}
除了精美的寿司,CSS3旋转寿司上海还提供多种其他菜品,如创意小食、热菜、甜点等,每一道菜都精心制作,味道十分惊艳。而在用餐的同时,还可以欣赏到一台震撼的视觉盛宴——通过轻轻旋转木盘,各种寿司在你面前无限循环,营造了一种奇妙的视觉效果。
总的来说,CSS3旋转寿司上海是一家集吃喝玩乐为一体的餐厅,其采用的CSS3技术,让餐厅更加独具特色,吸引了众多食客前来品尝美食,同时还能感受到一种奇妙的视觉体验。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS3旋转寿司上海
本文地址: https://pptw.com/jishu/450215.html
