“animasi teks berputar” Kode Jawaban

animasi teks berputar

@keyframes rotateWordsSecond {
    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}
Smiling Squirrel

animasi teks berputar

.rw-words span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	color: #6b969d;
}
Smiling Squirrel

animasi teks berputar

.rw-sentence span{
	color: #444;
	white-space: nowrap;
	font-size: 200%;
	font-weight: normal;
}
Smiling Squirrel

animasi teks berputar

@keyframes rotateWordsFirst {
    0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
Smiling Squirrel

animasi teks berputar

.rw-words{
	display: inline;
	text-indent: 10px;
}
Smiling Squirrel

animasi teks berputar

.rw-sentence{
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
Smiling Squirrel

Jawaban yang mirip dengan “animasi teks berputar”

Pertanyaan yang mirip dengan “animasi teks berputar”

Lebih banyak jawaban terkait untuk “animasi teks berputar” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya