CSS 实现图片透明度渐变效果

html-css017

CSS 实现图片透明度渐变效果,第1张

实现图片的透明度渐变效果,效果如下:

先说下我的实现,并没有用什么黑科技,而是通过两层图层堆叠的方式来做的。下面一层就是单纯的 svg 图片,上面覆盖了一层遮罩,并设置遮罩的背景色为蓝色到透明色的从左到右渐变。这样,看上去就是一个图片从右到左渐渐变得透明的效果。

这是我比较粗暴的方法,后来在网上看到一种更加优雅的方式:

大体上差不多,重点是 CSS 的 background-image 属性可以设置多张图片,用逗号隔开 。因为我不知道这个属性有这个能力才会额外加了个渐变透明图层来实现效果。

现在确实有很多人都有银行卡,但是并不是有特别多的人拥有透明的银行卡。可能很多人在听到透明的银行卡之后,感觉特别的酷,觉得这张银行卡一定会非常有科技感。但其实当你拿到透明银行卡时,就会发现实际拿到的卡和自己在手机网络上看到的银行卡是有很大的差别的。并且目前透明银行卡还并没有广泛的使用,拥有透明银行卡的银行也并不是很多。那么大家知道有哪些有透明台卡面的银行卡吗?同时为什么透明的银行卡不常见呢?

有哪些有透明卡面的银行卡?

目前拥有透明卡面的银行卡分别有建行博士帽、浦发轻松理财卡、浦发今日风采透明卡、民生蝶卡、恒生透明信用金卡和普卡、招商QQ透明卡、中信老标透明卡标准、光大的商旅卡、广发环保卡、广发银行真情信用卡,招商银行宝可梦储蓄卡。但这些信用卡都没有招商银行的运通蓝卡透明,招商银行的运通蓝银行卡是非常透明的,但是并不是很多人比较满意它的银行卡质感。

为什么透明卡片不常见?

其实这是和银行自身的设计和意愿有关,如果说银行愿意使用透明的银行卡的话,那么他们一定也会大量的去进行透明银行卡的发放,所以说用不用透明银行卡是要看银行自己的规划的。如果说客户比较喜欢透明的银行卡的话,可以选择一家有透明银行卡的银行去办理透明的银行卡,可以使用也可以留作纪念。

大家可以按照正规的渠道进行银行卡办理

如果要去办理透明银行卡的话,大家一定要根据自己的所需来进行申请。到目前为止透明银行卡是不能够在网上进行办理的,如果想要办理就必须要本人持身份证或是其他的个人信息到银行中去进行开户办理,这样的话能够成功的申请到一张透明的银行卡。