recentpopularlog in

piperh : filter   13

CSS Filters
codepen that shows effects of different css filters on an image
webdesign  web  design  css  filter  colour  tool  test  online  effect 
6 weeks ago by piperh
How to create clipped, blurred background images in CSS | CodyHouse
How to apply blur effects to images using CSS filters, and how to confine these effects to specific image areas.
Here they've used it under overlaid text panels - nice
webdesign  web  design  css  filter  clip  blur  effect  image  img  background  bg 
april 2019 by piperh
The Many Ways to Change an SVG Fill on Hover (and When to Use Them) | CSS-Tricks
Ways to colour svg, inline or as img. Interesting info and ref about svg and css filters, and a weird way to specify rgba colours using matrix
webdesign  web  design  code  coding  colour  color  filter  css  svg 
february 2019 by piperh
SVG Filters
Playground for fiddling with and getting code for SVG filters.
graphic  design  image  text  effect  svg  tester  code  filter  playground 
november 2018 by piperh
4 CSS Filters For Adjusting Color - Vanseo Design
description of css methods for filtering colours and images. Check caniuse for usability!
webdesign  web  design  css  filter  colour  image  filter-function  function 
june 2017 by piperh
CSS Generator Tool - CSS Demonstration and Generation
generates css code for various functions - you can test each setting first using live sliders, and the generated code changes in real time.
webdesign  web  design  css  filter  transform  shadow  border  text  generate  generator  code  test  live  experiment 
may 2017 by piperh
ChromeLens
Chrome extension to analyse website with respect to accessibility and sight impairment and colour blindness
webdesign  web  design  chrome  plugin  extension  colour  blind  sight  impaired  accessibility  keyboard  tab  scroll  navigation  flow  filter  emulate  simulate  accessible 
august 2016 by piperh
CSS Filters Demo
demo of css photoshop-like filters in css
webdesign  web  design  css  filter  property  demo  demonstration  examples  opacity  blur 
september 2015 by piperh
Isotope
js package for laying out in blocks which are then arranged together neatly. Blocks can be filtered and sorted. Can be used with jQuery or vanilla js
web  design  webdesign  layout  grid  filter  sort  js  javascript  vanilla  jquery  effects 
april 2015 by piperh

Copy this bookmark:





to read