recentpopularlog in

piperh : clip   15

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
Using CSS Clip Path to Create Interactive Effects, Part II | CSS-Tricks
transition effects using svg clip path. Support better than css clip path, says author.
webdesign  web  design  clip-path  clip  path  svg  css  effect  transition  clipping 
september 2018 by piperh
New CSS Features That Are Changing Web Design — Smashing Magazine
Not especially great explanations of new css features. Long part about grid, then shapes and clip-path. But some handy refs to grid resources, esp. Rachel Andrew
webdesign  web  design  css  grid  shapes  wrap-around  runaround  wrap  around  run  flow  shape  clip  path 
may 2018 by piperh
A Comprehensive Guide to Clipping and Masking in SVG
article title: A Comprehensive Guide to Clipping and Masking in SVG
webdesign  web  design  svg  clipping  masking  clip  mask  code  coding  path  reference 
april 2018 by piperh
Handling long titles with truncation | Assortment - For the practical developer
title: Handling long titles with truncation. Handy tips on clipping long titles or text
webdesign  web  design  css  truncate  truncation  crop  cut  clip  ellipsis  long  title 
march 2018 by piperh
Using CSS Clip Path to Create Interactive Effects | CSS-Tricks
Smashing article titled: Using CSS Clip Path to Create Interactive Effects
webdesign  web  design  css  clip-path  clipping  clip  image 
january 2018 by piperh
Masking vs. Clipping: When to Use Each | CSS-Tricks
article about clipping and masking and when to use one or the other
webdesign  web  design  graphic  mask  masking  clip  clipping  svg  css  html 
june 2017 by piperh
Clippy — CSS clip-path maker
brilliant code generator for css clip-path.
20.7.16: BUT clip-path not supported in Firefox or Edge or any Explorer
webdesign  web  design  css  clip  clip-path  path  code  generator  generate  tool  online 
july 2016 by piperh
SVG Clipping Paths - Vanseo Design
tutorial on clipping paths in svg and css
webdesign  web  design  image  illustration  svg  clip  clipping  path  howto 
may 2016 by piperh

Copy this bookmark:

to read