e1blue

animating svg polygons

Hi!!! This is me trying to reverse engineer the page transitions of http://www.facesofpower.net/

e1blue

mixin tinyCube
	.tiny-cube
		.side.one
			.side.three
				.side.six
					.side.four
					.side.two
					.side.five

mixin cube

e1blue

Digital Analog Clock

Fun little experiment using matter.js

A Pen by Daniel Givens on CodePen.

License.

e1blue

<div id="container" data-scrolled="0">
	<div id="spacer"></div>
	<div id="data"><p>1</p>
		
	</div>
</div>

e1blue

<video id="sampler" class="video-js" width="800" height="600" preload="auto" control="none">
	  <source src="https://res.cloudinary.com/dyn5qu6bi/video/upload/v1518543431/lols_edhpqb.mp4" type="video/mp4">
</video>
<nav>
    <ul>
        <li data-code="65">a</li>
        <li data-code="83">s</li>
        <li data-code="68">d</li>
        <li data-code="70">f</li>
        <li data-code="74">j</li>

e1blue

<script type="x-shader/x-vertex" id="shader-passthrough-vertex">
  varying vec2 vUv;
  void main() {
    vUv = uv;
    gl_Position = projectionMatrix * modelViewMatrix * vec4(position,1.0);
  }
</script>

<script type="x-shader/x-fragment" id="shader-passthrough-fragment">
  uniform sampler2D tDiffuse;

e1blue

<div class="container">
  <div class="loader">

    <div class="tunnel"></div>

    <div class="horizon"></div>

    <div class="track">
      <div class="tie"></div>
      <div class="tie"></div>

e1blue

<div id="main-container">
        <div id="app-view">

            <header>
                <div class="inner">
                    <h1 id="app-title">אפלימדיה</h1>
                    <img id="user-image" src="//yarivfruend.com/Portfolio/applimedia/img/yariv-fruend.jpg" alt="user-image">
                </div>
                <div class="close-tab-btn hidden"></div>
            </header>

e1blue

<div class="container">
        
        <div class="loading">טוען...</div>

        <div class="cover">

            <div class="status"></div>

            <div class="instructions">
                <div class="inner">

e1blue

HTML Native Dialog

A Pen by Yariv Fruend on CodePen.

License.