diff options
| author | Benjamin Sanders <hello@bensanders.net> | 2026-09-18 15:29:48 -0400 |
|---|---|---|
| committer | Benjamin Sanders <hello@bensanders.net> | 2026-09-18 15:29:48 -0400 |
| commit | cda4c38d2b79e0b6634412341dd3ba800dd03ed7 (patch) | |
| tree | 58424ba0e247f3c1e4d37985e80b02899ba8e7f7 /rafts/blog/keyframes-are-fun/index.html | |
| parent | e4ea426890f74701098d74cd1163b5479bdedf4f (diff) | |
removed a random raft directory and changed background of site to #ccc and kept header background 0f1700
Diffstat (limited to 'rafts/blog/keyframes-are-fun/index.html')
| -rw-r--r-- | rafts/blog/keyframes-are-fun/index.html | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/rafts/blog/keyframes-are-fun/index.html b/rafts/blog/keyframes-are-fun/index.html deleted file mode 100644 index e197187..0000000 --- a/rafts/blog/keyframes-are-fun/index.html +++ /dev/null @@ -1,70 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Ben Sanders Online Space</title> - <link rel="stylesheet" href="/assets/css/main.css"> - <!-- Privacy-friendly analytics by Plausible --> - <script async src="https://plausible.io/js/pa-JWiyAnkl2l96nMNDBD7OS.js"></script> - <script> - window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}}; - plausible.init() - </script> -</head> -<body> - <main> - <header> - <div class="wrap"> - <nav> - <a class="logo" href="/"><h1>Ben Sanders</h1></a> - <div class="nav-link"> - <a href="/">Home</a> - <a href="/about">About</a> - </div> - </nav> - </div> - </header> -<section id="post"> - <div class="wrap article-grid"> - <h2>Keyframes Are Fun</h2> - <small class="meta">Benjamin Sanders | 25 August 2015 | css,keyframes</small> - <p>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.</p> - -<p>Key Frames</p> - -<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">@keyframes</span> <span class="n">fadein</span> <span class="p">{</span> -<span class="nt">from</span> <span class="p">{</span> <span class="nl">opacity</span><span class="p">:</span> <span class="m">0</span><span class="p">;</span> <span class="p">}</span> -<span class="nt">to</span> <span class="p">{</span> <span class="nl">opacity</span><span class="p">:</span> <span class="m">1</span><span class="p">;</span> <span class="p">}</span> -<span class="p">}</span> -</code></pre></div></div> - -<p>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.</p> - - </div> -</section> - </main> - <footer> - © Ben Sanders, 2026 - <!-- Default Statcounter code for My Personal Website - https://bensanders.net/ --> - <script type="text/javascript"> - var sc_project=13339537; - var sc_invisible=1; - var sc_security="af47feaa"; - </script> - <script type="text/javascript" - src="https://www.statcounter.com/counter/counter.js" - async></script> - <noscript><div class="statcounter"><a title="Web Analytics - Made Easy - Statcounter" href="https://statcounter.com/" - target="_blank"><img class="statcounter" - src="https://c.statcounter.com/13339537/0/af47feaa/1/" - alt="Web Analytics Made Easy - Statcounter" - referrerPolicy="no-referrer-when-downgrade"></a></div></noscript> - <!-- End of Statcounter Code --> - <a href="https://statcounter.com/p13339537/?guest=1">View My - Stats</a> - </footer> - </body> -</html>
\ No newline at end of file |
