/* 仿百度語音助手界面樣式 */
.波紋文本 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
font-size: 20px;
transform: rotate(-45deg);
border-radius: 50%;
background-color: #ff99cc;
}
.波紋文本:before,
.波紋文本:after {
content: "";
position: absolute;
top: 0;
left: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ff99cc;
}
.波紋文本:before {
transform: rotate(-90deg);
}
.波紋文本:after {
transform: rotate(90deg);
transform: scale(0.8);
}
仿百度語音效果
上一篇mysql 二進制表示
下一篇外聯css的網頁