recentpopularlog in

piperh : overlay   19

CSS Photo Filter Playground - Outpan
online tool to apply filters and overlays on images - test then use the code
webdesign  web  design  graphic  image  photo  overlay  filter  css  online  tool  experiment  test  apply  view 
8 weeks ago by piperh
GitHub - russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.
Scrollama is a modern & lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events. - difficult to categorise, but effects are cool, possibly useful somewhere
webdesign  web  design  scroll  effect  scrollytelling  scrolly  js  javascript  script  sticky  overlay  position  detection  detect  intersection  observer 
august 2019 by piperh
How to Create and Animate Rotated Overlays | Codrops
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
webdesign  web  design  reveal  hide  transition  page  effect  rotate  overlay  animated 
june 2019 by piperh
Beer Slider Responsive & Accessible Before-After Slider – Demo – PEPSized
js (vanilla or jQuery) code to make a sliding image reveal, for comparing two overlaid images.
webdesign  web  design  slider  comparator  compare  slide  image  photo  split  comparison  reveal  overlay  js  javascript  script 
september 2018 by piperh
Pushbar.js demo
Pushbar.js is a tiny javascript plugin for creating sliding drawers in web apps
It is fully customizable and dependency free.You can use it as sidebar menus or option drawers. With option to blur background content. Vanilla js
webdesign  web  design  menu  sliding  panel  door  overlay  js  javascript  script  vanilla  modal 
august 2018 by piperh
Bigs & Littles
interesting demo of transparency effect of overlaid characters using css opacity
webdesign  web  design  type  effect  character  alphabet  letters  opacity  overlay  transparent  transparency 
march 2018 by piperh
CSS Techniques and Effects for Knockout Text | CSS-Tricks
words are clipped out of an element and reveal the background
webdesign  web  design  css  text  type  effect  knockout  overlay  blend  pierce  multiply  transition  mask 
march 2018 by piperh
pagePiling.js plugin - Horizontal scroll
script that uses vertical scroll to give effect of horizontal pages sliding in. Rather elegant though can't right now see a use for it.
webdesign  web  design  js  javascript  script  jquery  scroll  horizontal  overlay  effect 
february 2018 by piperh
SimpleModal Demos / Eric Martin /
a jquery modal with some options. Only closes on X, not by clicking on overlay. But has a Success message that appears in the modal, so check that bit of the code for usage
webdesign  web  design  jquery  js  javascript  script  modal  overlay  window  form 
february 2017 by piperh
Baseliner –
javascript tool overlays a baseline grid on your page in the browser so can adjust the code as go along designing. hmmm
webdesign  web  design  baseline  grid  overlay  js  javascript 
october 2015 by piperh

Copy this bookmark:

to read