css
4篇文章 · 0订阅
  • 我用纯CSS实现了优惠券剪卡风格，UI小姐姐说....
    在做商城类项目的时候，我们可能都会经历过“优惠券”这类需求，笔者在过往工作中，都是直接要求UI切图来实现，直到有一天产品告诉我一个奇思妙想
    CSS 前端
    我用纯CSS实现了优惠券剪卡风格，UI小姐姐说....
  • CSS 实现优惠券的技巧
    在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…
    CSS 前端
  • 用 css3 的 mask + radial-gradient() 制作优惠券
    最近项目做到优惠券模块，用到了 css3 的 2 个属性：`mask` 和 `radial-gradient()` 。遂作此文，记录下实现过程~
    前端 CSS
    用 css3 的 mask + radial-gradient() 制作优惠券
  • 用一行CSS代码快速实现镂空邮票、优惠券效果
    这篇文章讲我最近遇到的需求和解决过程中遇到的问题，以及学到新知识。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并…