codecamp

CSS3被人忽略的强大属性

      随着CSS3的出现,许多早期只能借助于类似于Photoshop这样的制作图软件来实现的酷炫效果,现在都可以用代码来实现,而且可控,但在实际开发中,有部分属性我们并不常用,久而久之就被我们忽略了。在这篇文章中,我整理了一下:

  1. 用CSS3来制作倒影(box-reflect)
  2. ::selection
  3. 伪类 :target
  4. rem、vm
  5. filter
  6. CSS3的calc()使用
  7. Clip / clip-path
  8. image-set实现Retina屏幕下图片显示
  9. CSS Counters
  10. text-align-last

往后会继续更新。如果你有更多相关的经验,欢迎在下面评论。
用css3实现立方体
用CSS3来制作倒影(box
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }