分享一下我写 CSS 的常用套路 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
alphardex
V2EX    分享发现

分享一下我写 CSS 的常用套路

  •  5
     
  •   alphardex 2020-01-03 16:15:49 +08:00 via iPhone 7630 次点击
    这是一个创建于 2163 天前的主题,其中的信息可能已经有所发展或是发生改变。
    第 1 条附言    2020-01-03 20:47:11 +08:00
    感谢大家的支持
    下面有的伙伴提到了工作,没错,我写 CSS 并不是为了将来的工作而写,而是把它作为一种创作的乐趣,谁工作中敢像我一样这么写 CSS 呢?分分钟被开除好吧……能找到自己的兴趣,并为之投入自己创作的热情,我已经很满足了
    41 条回复    2020-01-04 21:33:42 +08:00
    LyleRockkk
        1
    LyleRockkk  
       2020-01-03 16:34:03 +08:00
    很不错的分享
    myEzekiel
        2
    myEzekiel  
       2020-01-03 16:47:17 +08:00
    不错,要是有兼容就好了
    xuxiaocool
        3
    xuxiaocool  
       2020-01-03 16:49:39 +08:00
    楼主顶呱呱
    dinjufen
        4
    dinjufen  
       2020-01-03 17:00:54 +08:00
    lookas2001
        5
    lookas2001  
       2020-01-03 17:05:17 +08:00 via Android
    好看!收藏了
    xuxuzhaozhao
        6
    xuxuzhaozhao  
       2020-01-03 17:12:34 +08:00
    进我的收藏夹!
    Felldeadbird
        7
    Felldeadbird  
       2020-01-03 17:29:50 +08:00
    干货满满。
    liyang5945
        8
    liyang5945  
       2020-01-03 17:34:13 +08:00
    six six six
    U7Q5tLAex2FI0o0g
        9
    U7Q5tLAex2FI0o0g  
       2020-01-03 17:39:16 +08:00
    看的好舒服!
    redam
        10
    redam  
       2020-01-03 17:44:44 +08:00
    帅啊兄弟, 灵感怎么来的
    alphardex
        11
    alphardex  
    OP
       2020-01-03 17:51:19 +08:00 via iPhone
    @redam 看文章的开头
    exbein
        12
    exbein  
       2020-01-03 17:53:47 +08:00
    你为什么这么熟练啊,你到底写过多少次 css 啊 (滑稽
    HENQIGUAI
        13
    HENQIGUAI  
       2020-01-03 17:59:24 +08:00
    哇,优秀啊
    redam
        14
    redam  
       2020-01-03 18:00:04 +08:00
    @alphardex 懂了,多看番(#狗头)
    ps.看到你的 demo 在那个网站的 popular 前面,get 一个炫酷 demo 网站,感谢
    banliyaya
        15
    banliyaya  
       2020-01-03 18:04:45 +08:00 via iPhone
    很棒,学习了
    mxalbert1996
        16
    mxalbert1996  
       2020-01-03 18:04:54 +08:00 via Android
    ショトカット没有生命应该用ない而不是いない。另外既然是前端那日文就好好用日文字体,别用中文字体啊。
    yixiang
        17
    yixiang  
       2020-01-03 18:08:38 +08:00
    觉得标题改成,“写 css 特效的常用套路”,或“写 css 动画的常用套路” 会更贴切一点。
    alphardex
        18
    alphardex  
    OP
       2020-01-03 18:10:01 +08:00
    @mxalbert1996 ご指摘ありがとう、あとで修正する。
    hyy1995
        19
    hyy1995  
       2020-01-03 18:36:59 +08:00
    等你出去工作了,这些都荒废了。我大 3 下学期,刚开始自学前端那会,特别沉迷 CSS,参考别人的效果,然后自己去研究实现,写出比别人更优雅更简洁的实现方式,我会沾沾自喜,不过我当年的 CSS 功力比不上你这种程度。



    现在工作 3 年,之前玩的那些 CSS 早忘了,只剩下了当时写的一堆 demo 静静躺在我的硬盘里。。。
    hyy1995
        20
    hyy1995  
       2020-01-03 18:40:14 +08:00
    不过沉迷 CSS 带来的提升,还是让我刚入职那会有了点优势,因为全组就我页面写的最漂亮。。。
    alphardex
        21
    alphardex  
    OP
       2020-01-03 18:40:32 +08:00
    @hyy1995 人生不只有工作,我写 CSS 是受兴趣驱动的,哪怕工作中用不上,我也会坚持自己的这份兴趣
    yuang
        22
    yuang  
       2020-01-03 18:50:19 +08:00 via Android
    很强
    sDG9xz87SqqCC3mN
        23
    sDG9xz87SqqCC3mN  
       2020-01-03 18:54:02 +08:00
    优秀!
    0lobster0
        24
    0lobster0  
       2020-01-03 19:08:27 +08:00 via Android
    lz 厉害 make 下
    weixiangzhe
        25
    weixiangzhe  
       2020-01-03 19:09:07 +08:00 via Android
    滚进收藏夹吧
    nVoxel
        26
    nVoxel  
       2020-01-03 19:23:30 +08:00 via Android
    很好的总结

    另,附上 YouTube 常看的一个频道,没有废话,直接撸代码出效果,很赞

    youtu.be/HouOqcCCNbw
    Hario
        27
    Hario  
       2020-01-03 19:50:54 +08:00 via Android
    dremy
        28
    dremy  
       2020-01-03 20:21:11 +08:00 via iPhone
    惊了,LZ 果然是奇才
    如果真能有专门设计并实现 CSS 特效的专职岗位,LZ 再合适不过了,只可惜…
    alphardex
        29
    alphardex  
    OP
       2020-01-03 20:22:53 +08:00
    @dremy 所以说我也并不期望在工作中用到这些(当然,能用到最好),这只是我创作的一种乐趣所在
    dd0754
        30
    dd0754  
       2020-01-03 20:22:59 +08:00 via Android
    lz 头发还在吗?
        31
    alphardex  
    OP
       2020-01-03 20:24:38 +08:00
    @dd0754 半个月理一次(#滑稽)
    Lanayaaa
        32
    Lanayaaa  
       2020-01-03 20:37:38 +08:00
    问题是现在 很少有公司有 UX 这个岗位吧。。 简单的 UI,也用不到这里炫酷的效果
    7huixiang
        33
    7huixiang  
       2020-01-03 22:47:06 +08:00
    非常厉害
    liunian1004
        34
    liunian1004  
       2020-01-03 22:57:24 +08:00 via iPhone
    很赞啊,写代码当然是为了好玩
    rookiebulls
        35
    rookiebulls  
       2020-01-03 23:08:34 +08:00 via iPhone
    学习了
    easyCalc
        36
    easyCalc  
       2020-01-04 10:11:22 +08:00 via iPhone
    强!
    zxCoder
        37
    zxCoder  
       2020-01-04 10:54:31 +08:00
    你是真滴牛逼
    royzxq
        38
    royzxq  
       2020-01-04 12:03:36 +08:00
    lskjdfgl
        39
    lskjdfgl  
       2020-01-04 16:13:18 +08:00
    itsvincehere
        40
    itsvincehere  
       2020-01-04 18:31:05 +08:00
    顶一个顶一个
    lfcyme
        41
    lfcyme  
       2020-01-04 21:33:42 +08:00
    太强了!
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     978 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 19:09 PVG 03:09 LAX 11:09 JFK 14:09
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86