bozzin

<!--  RGBA.js - my own super tiny webgl/fragment shader lib for codepen works
      more examples at - https://codepen.io/collection/AWEWzK -->

<script src="https://rawcdn.githack.com/strangerintheq/rgba/0.0.5/rgba.js"></script>
<a target="_blank" href="https://github.com/strangerintheq/rgba">RGBA.js</a>

bozzin

#122 in 2021 / JavaScript Canvas

A Pen by Toshiya Marukubo on CodePen.

License.

bozzin

<script type="x-shader/x-vertex" id="vertexshader">

  attribute float size;
  attribute vec3 customColor;
  varying vec3 vColor;

  void main() {

    vColor = customColor;
    vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );

bozzin

<!--  RGBA.js - my own super tiny webgl/fragment shader lib for codepen works
      more examples at - https://codepen.io/collection/AWEWzK -->

<script src="https://rawcdn.githack.com/strangerintheq/rgba/0.0.5/rgba.js"></script>
<a target="_blank" href="https://github.com/strangerintheq/rgba">RGBA.js</a>

bozzin

<script src="https://use.typekit.net/ehh4lya.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

<nav class="side">
    <div class="side__inner">
        <div class="top"><a href="#">Volker Otto</a></div>
        <div class="bottom">
            <a href="https://dribbble.com/hellovolker">DRIBBBLE</a>
            <a href="https://twitter.com/hellovolker">TWITTER</a>
            <a href="mailto:hello@volkerotto.net">EMAIL ME</a>

bozzin

<div id="page-wrap">
  <!-- div that will hold our WebGL canvas -->
  <!--<nav class="main-nav">
    <div class="logo"><img src="" alt="" class="img-logo">AB</div>
    <ul class="main-menu">
      <li><a href="">HOME</a></li>
      <li><a href="">ABOUT</a></li>
      <li><a href="">WORKS</a></li>
      <li><a href="">CONTACT</a></li>
    </ul>

bozzin

Floating heart

A Pen by yuanchuan on CodePen.

License.

bozzin

.section
  .center.one
    .r
    .g
    .b
.section
  .center.full.two
    .r
    .g
    .b

bozzin

<div id="root"></div>

bozzin

<div id="root"></div>