Skip to content

Instantly share code, notes, and snippets.

@CodeMyUI

CodeMyUI/codevember-01-svg-motion.markdown

Created November 22, 2016 03:40
Show Gist options
  • Save CodeMyUI/6645049922a196f37a5dd0b1d35b7a5a to your computer and use it in GitHub Desktop.
Save CodeMyUI/6645049922a196f37a5dd0b1d35b7a5a to your computer and use it in GitHub Desktop.
Download ZIP
#codevember 01 - svg motion
Raw
codevember-01-svg-motion.markdown

#codevember 01 - svg motion

First entry to codevember. It uses my lib slightly changed to handle full text support.

A Pen by coderitual on CodePen.

License.

Raw
index.html
<div class="js-odoo"></div>
Raw
script.js
odoo.default({ el:'.js-odoo', from: 'NOVEMBER16', to: 'CODEVEMBER', animationDelay: 1000 });
Raw
scripts
<script src="https://cdn.rawgit.com/coderitual/odoo/feature/codevember16/lib/odoo.js"></script>
Raw
style.css
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
html, body {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
font-family: 'Inconsolata';
font-weight: bold;
font-size: 16vmin;
text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
fill: #fff;
display: flex;
justify-content: center;
align-items: center;
}
@MightyDante
Copy link

this is awesome, thanks.

Is there any way to disable the blink on each character at the end of the animation?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment