diff options
| author | Benjamin Sanders <ben@sanders.life> | 2025-02-07 07:33:31 -0500 |
|---|---|---|
| committer | Benjamin Sanders <ben@sanders.life> | 2025-02-07 07:33:31 -0500 |
| commit | a77bde84e2659d9df4899da8a5f31136372398cc (patch) | |
| tree | fd7d1e47cc5ef23f1f11d34c70a099d9fa4f5b7b /_posts/2015-08-25-keyframes-are-fun.md | |
initial commit
Diffstat (limited to '_posts/2015-08-25-keyframes-are-fun.md')
| -rw-r--r-- | _posts/2015-08-25-keyframes-are-fun.md | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/_posts/2015-08-25-keyframes-are-fun.md b/_posts/2015-08-25-keyframes-are-fun.md new file mode 100644 index 0000000..9d70c91 --- /dev/null +++ b/_posts/2015-08-25-keyframes-are-fun.md @@ -0,0 +1,20 @@ +--- +layout: post +title: "Keyframes Are Fun" +date: 2015-08-25 +permalink: "/blog/keyframes-are-fun/" +author: Benjamin Sanders +catagories: css,keyframes +--- +Keyframes in HTML5 is fun. Well, I mean, coding is fun in general especially once you can get into “the zone” but the idea of making your website come alive is fun. + +Key Frames + +```css +@keyframes fadein { +from { opacity: 0; } +to { opacity: 1; } +} +``` + +I mean all I have to do is insert something like the above into my style.css document and it will make the class or id fade in on-load. Anyway that is just a quick update to what I’ve been doing with this site lately - I’ll keep you all posted as I design the site some more. |
