螃蟹是一個生活在海洋里的有趣的動物，如果你想制作一個有趣的網頁，可以嘗試用CSS制作一個螃蟹的開合動畫效果。

.crab {
width: 300px;
height: 200px;
position: relative;
}
.crab .claw {
width: 100px;
height: 50px;
position: absolute;
top: 50px;
border-radius: 0 0 50px 50px;
}
.crab .left-claw {
left: 50px;
transform-origin: 0 50%;
transform: rotate(0deg);
animation: left-claw-open 1s ease-in-out infinite alternate;
}
.crab .right-claw {
right: 50px;
transform-origin: 100% 50%;
transform: rotate(0deg);
animation: right-claw-open 1s ease-in-out infinite alternate;
}
@keyframes left-claw-open {
from { transform: rotate(0deg); }
to { transform: rotate(-45deg); }
}
@keyframes right-claw-open {
from { transform: rotate(0deg); }
to { transform: rotate(45deg); }
}

首先，需要一個容器來裝載整個螃蟹形狀，.crab就是負責這個任務的標簽。然后需要制作螃蟹的爪子，這里我用了.claw來表示它們，左右兩只爪子使用的是相同的樣式。

接下來，需要將左右兩只爪子分別調整完整的位置。為了實現(xiàn)動畫效果，需要使用@keyframes關鍵字制作動畫，在left-claw-open和right-claw-open選擇器中分別定義打開的角度和動畫持續(xù)時間。

最后，將左右爪子的類名分別賦值給HTML標簽即可實現(xiàn)螃蟹的開合效果。