• Stars
    star
    17
  • Rank 1,219,337 (Top 25 %)
  • Language
    JavaScript
  • Created over 2 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

This is a simple but neat technique to remove the background from a black and white video and color it using the mix-blend-mode property using pure CSS. This technique allows you to emulate various looped and dynamic spheres and shapes without using WebGL with a pre-prepared video.

More Repositories

1

liquid-swipe

Swift
2,973
star
2

bubble-icon-tabbar

Swift
1,068
star
3

smooth-scroll

Smooth collection scrolling
Swift
690
star
4

flashy-tabbar

One another nice animated tabbar
Swift
687
star
5

gooey-cell

Swift
593
star
6

mouse-follower

A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.
JavaScript
553
star
7

rubber-range-picker

Swift
399
star
8

liquid-swipe-android

Kotlin
391
star
9

fluid-card

Swift
289
star
10

balloon-picker

Swift
286
star
11

3d-tap

Custom selection animation for UICollectionViewCell
Swift
240
star
12

rate-it

Swift
220
star
13

cb-tabbar

Swift
174
star
14

smooth-feed

Swift
132
star
15

flashy-tabbar-android

Java
105
star
16

bubble-icon-tabbar-android

Java
83
star
17

scroll-sequence-demo

Example of how we create a sequence scrolling effect on sites using the SmoothScroll and GSAP ScrollTrigger libraries
JavaScript
69
star
18

svg-distortion-effect-demo

This example is dedicated to how you can use the SVG Turbulence and Displacement Map filters to create an interesting switching effect for pictures and videos.
SCSS
65
star
19

reeller

Flexible, powerful and modern library for creating the running horizontal blocks effect, also known as ticker or the «marquee effect».
JavaScript
54
star
20

cursor-magnetic-demo

Example of creation cursor follower and magnetic effect
JavaScript
43
star
21

html-boilerplate

Cuberto Boilerplate that we use to start developing all our projects.
SCSS
41
star
22

jellyscroll

Library for creating jelly scrolling effect
JavaScript
37
star
23

headers-hover-demo

In this demo we have collected 7 unusual hover effects for large headers.
JavaScript
29
star
24

marquee-effect-demo

You'll find the guide how to create dynamic marquee effect in this demo.
SCSS
26
star
25

particles

Simple library for creating flying particles.
JavaScript
24
star
26

bglines

Library for creating WebGL dynamic background lines
JavaScript
20
star
27

liquid-tabbar

13
star