如何使用CSS+JS代碼實現Cover的效果


如標題所說,我是一個純設計師,對代碼有些白癡,希望能夠得到解答,這樣的效果很多地方都有(普遍),苦於不會寫:

需求

  • 使用純CSS+JS+HTML實現
  • 希望實現那個夾子的效果
  • 文字可編輯(這應該是廢話了... xdd)
  • 或者給出思路也好(非常感謝)

參照這個
untitled.png

希望能夠在這裏得到解答,先謝謝大家了 :-)

ui 设计

月亮我弄弯滴 11 years, 5 months ago

写了Demo示意一下,仅供露珠参考,结构没有做推敲。
实际上,如果没有任何原则,那么可以用很多方法实现,为了不增加冗余标签,而且夹子也没有任何交互行为的话,可以完全参考我这个实现。
http://jsfiddle.net/gnWST/1/

天然星☆↗ answered 11 years, 5 months ago

Your Answer