Ratstail91/kingdombattles
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improved marquee effect

Browse Source
This commit is contained in:
Kayne Ruse
2019-06-14 06:24:09 +10:00
parent ef0bd87ed2
commit 862867e1a6
2 changed files with 51 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/home.jsx
+2 -2
View File
@@ -34,10 +34,10 @@ class Home extends React.Component {
//A bit of fun
let Tagline = () => {
if (this.state.tagline === 'marquee') {
return (<p className='marquee'><em>I hope this CSS marquee effect works in all browsers!</em></p>);
return (<div className='marqueeContainer'><em><p className='marquee'>I hope this CSS marquee effect works in all browsers!</p></em></div>);
}
if (this.state.tagline === 'rainbow') {
return (<p className='centered rainbowText'><em>I hope this CSS rainbow effect works in all browsers!</em></p>);
return (<em><p className='centered rainbowText'>I hope this CSS rainbow effect works in all browsers!</p></em>);
}
return (<p className='centered'><em><Markdown source={this.state.tagline} escapeHtml={true} /></em></p>);
}