css实现调色板

《css secrets》中案例的实现
原图
css实现调色板_第1张图片
我实现的效果图:
css实现调色板_第2张图片

纯静态页面




    
    
    
    调色板的实现,根据兄弟元素个数来设置样式
    


    
  • Add color
  • Add color Delete Color
  • Add color Delete Color
  • Add color Delete Color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color
  • Add color

转载于:https://www.cnblogs.com/InnerPeace-Hecdi/p/9301661.html

你可能感兴趣的:(css实现调色板)