Skip to content

Instantly share code, notes, and snippets.

@luckkrit

luckkrit/codevember-01-svg-motion.markdown

Forked from CodeMyUI/codevember-01-svg-motion.markdown
Created May 2, 2018 03:36
Show Gist options
  • Save luckkrit/654be8ef272ee76b37ec8aacfef09ae0 to your computer and use it in GitHub Desktop.
Save luckkrit/654be8ef272ee76b37ec8aacfef09ae0 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment