首页前端开发CSSCSS3旋转寿司上海

CSS3旋转寿司上海

时间2023-09-20 04:52:03发布访客分类CSS浏览671
导读: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
CSS3旋转鞋柜尺寸 mysql字符串日期格式化

游客 回复需填写必要信息