Skip to content

Changing the Flashing Text

Stephen H edited this page Feb 15, 2019 · 1 revision

Changing the Flashing Text:

Step 1: Open index.html and change the Awesome! to something you would perfer.

<div id="flashingtext">Awesome!</div>

Example:

<div id="flashingtext">Something I perfer...</div>

Step 2: Only do this step if the text is over two lines Open /css/style.css and find the following

#flashingtext {
	margin: -3.5% 0 0 47%;
	width: 40%;
	transform: rotate(-20deg);
	animation: FlashingText 0.5s ease-in-out infinite;
	color: #FFFF00;
	font-size: 2vw;
}

Then where it says font-size: 2vw; change the 2 to something lower and make sure to include the vw;.

I am hoping to make this automatic in a later update

Clone this wiki locally