recentpopularlog in

piperh : shadow   18

The Shapes of CSS | CSS-Tricks
interesting list of shapes achievable only with css - with live editable code!
webdesign  web  design  css  shapes  before  after  border  radius  shadow  html  reference 
november 2018 by piperh
Fancy Loading
curious drop shadow animation effect on lettering
webdesign  web  design  animation  css  effect  shadow 
january 2018 by piperh
Mixfont | A modern font generator
a selection of text shadow examples with their css - handy maybe for quick copying
webdesign  web  design  css  colour  text  shadow  text-shadow  syntax  example  type  h1  headline  heading  effect 
june 2017 by piperh
Link with Gradient Underline · GitHub
use text shadow and background image to get an underline on a link. Only advantage seems to be to get descenders to have a white outline, so they look better where they pass over the underline
webdesign  web  design  css  text  shadow  underline  link  background  image  position 
may 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
A Guide to Web Components | CSS-Tricks
explanation, with use examples, of Web Components. Also incidentally shows code for a css-only slide show.
webdesign  web  design  components  explanation  example  guide  code  coding  shadow  dom  html  polymer  browser 
july 2016 by piperh
The box-shadow Property
good reference for using box-shadow - shows order of values
webdesign  web  design  box-shadow  shadow  css  offset  blur  spread  color  position  effect  reference 
may 2016 by piperh
22 Essential CSS Recipes
article showing some great uses of css. Not all supported by all modern browsers but worth rereading now and again
webdesign  web  design  css  html  blend  mode  gradient  transition  z-index  currentColor  object-fit  checkbox  radio  button  counter  shadow  @supports  position  sticky  vw  vh  scroll 
january 2016 by piperh

Copy this bookmark:





to read