Search
 
SCRIPT & CODE EXAMPLE
 

CSS

rotating text animation

@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; }
}
Comment

rotating text animation

@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; }
}
Comment

rotating text animation

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

rotating text animation

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

rotating text animation

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

rotating text animation

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

PREVIOUS NEXT
Code Example
Css :: chrome extension css 
Css :: product list fix height image css 
Css :: css font weight 
Css :: adminlte.min.css.map error 
Css :: best css framework 
Css :: blockquote quotation marks css 
Css :: use .map to count length of each element in an array 
Css :: css make a cell twice as big flexbox 
Css :: svg background css 
Css :: order CSS properties 
Css :: @media css 
Css :: sass example html 
Css :: display flex vertical align center css 
Css :: flex property in css 
Css :: what is bulletproof buttons 
Css :: auto enable background graphics print settings 
Css :: Methods in Golang 
Css :: AMP Keyframes styles 
Css :: css marker effect 
Css :: delete files with help of .getignore 
Css :: what is focus state in css 
Css :: javascript typewriter effect left to right 
Css :: gh: stop using --force !!! 
Css :: scratch card css 
Css :: ignore certificare ssl 
Css :: coderbytes 
Css :: responsive arrow breadcrumbs css site:stackoverflow.com 
Css :: text stil 
Css :: vervaging en verloop css 
Css :: thumb personalizzata wp 
ADD CONTENT
Topic
Content
Source link
Name
2+7 =