V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
stevenlei
V2EX  ›  分享创造

用 CSS 画出 iPhone 13 Pro

  •  2
     
  •   stevenlei · 2021-10-03 09:35:45 +08:00 · 6778 次点击
    这是一个创建于 1176 天前的主题,其中的信息可能已经有所发展或是发生改变。

    昨天放假无聊,试着把 iPhone 13 Pro 用 CSS 画出来,效果如下:

    源代码:https://codepen.io/stevenlei/pen/jOwRxpY

    视频:BiliBili YouTube

    如果大家觉得不错的话,欢迎点个赞和关注哦!谢谢!

    31 条回复    2021-10-11 16:07:32 +08:00
    7gugu
        1
    7gugu  
       2021-10-03 10:15:10 +08:00 via iPhone   ❤️ 1
    赞诶👍
    yogogo
        2
    yogogo  
       2021-10-03 10:26:39 +08:00   ❤️ 1
    厉害,放假我都在玩游戏
    Augi
        3
    Augi  
       2021-10-03 11:31:01 +08:00 via iPhone   ❤️ 1
    厉害厉害
    xinge666
        4
    xinge666  
       2021-10-03 12:55:36 +08:00 via iPhone   ❤️ 1
    捕捉阿芬
    anguiao
        5
    anguiao  
       2021-10-03 12:58:00 +08:00   ❤️ 1
    老观众来支持一下
    0312birdzhang
        6
    0312birdzhang  
       2021-10-03 15:39:32 +08:00
    这就是大佬吗
    caisanli
        7
    caisanli  
       2021-10-03 17:04:29 +08:00 via iPhone
    厉害了老哥
    ob
        8
    ob  
       2021-10-03 17:06:46 +08:00
    永远学不会的 CSS
    yigecaiji
        9
    yigecaiji  
       2021-10-03 21:47:55 +08:00
    声音很好听啊 up 主
    christin
        10
    christin  
       2021-10-03 21:51:30 +08:00 via iPhone
    徒手 css 强
    ibx
        11
    ibx  
       2021-10-04 00:37:26 +08:00
    秃了么
    stevenlei
        12
    stevenlei  
    OP
       2021-10-04 10:20:51 +08:00
    @0312birdzhang 谢谢,就尝试一下
    @caisanli 谢谢,多多交流
    @ob 确实,有各种各样的玩法
    @yigecaiji 谢谢你啊哈
    @christin 谢谢,一起加油
    @ibx 暂时还可以
    hawei
        13
    hawei  
       2021-10-04 14:46:04 +08:00
    这多少有点硬核了😂
    PrilgrimLi
        14
    PrilgrimLi  
       2021-10-05 08:14:31 +08:00
    这多少有些科幻了!!厉害!!
    loading
        15
    loading  
       2021-10-05 08:22:04 +08:00
    就普通圆角?
    imydou
        16
    imydou  
       2021-10-05 08:39:34 +08:00
    库克:明天来 CNC 车间上班
    giter
        17
    giter  
       2021-10-05 08:43:26 +08:00 via Android
    我是 Tim•Cook,来我公司上班
    PushStone
        18
    PushStone  
       2021-10-05 09:31:49 +08:00
    UP 真的厉害,b 站油管都关注了
    sadfQED2
        19
    sadfQED2  
       2021-10-05 09:59:15 +08:00 via Android
    牛逼😂
    ccyu220
        20
    ccyu220  
       2021-10-05 10:41:05 +08:00
    看到头像认出来来了,我好像在 B 站看过你。
    evilboy
        21
    evilboy  
       2021-10-05 10:50:20 +08:00 via iPhone
    难道一点 js 都不用?
    stevenlei
        22
    stevenlei  
    OP
       2021-10-05 11:26:59 +08:00
    @hawei 哈哈,就玩一下
    @PrilgrimLi 谢谢你啊
    @loading 圆角这里确实是不完美的
    @imydou @giter 😂
    @PushStone 谢谢你啊,一起加油
    @sadfQED2 谢谢!
    @ccyu220 谢谢哈
    @evilboy 嗯,这个单纯画图,没有交互,所以不用 JS
    shoumu
        23
    shoumu  
       2021-10-05 11:58:17 +08:00
    这个圆角看起来不是曲率光滑啊
    gnawll
        24
    gnawll  
       2021-10-05 12:34:50 +08:00 via iPhone
    css 太难了
    SJ2050cn
        25
    SJ2050cn  
       2021-10-05 16:27:31 +08:00
    "大噶好,我似斯蒂芬。"属于每期必看,但 css 技能还是没啥长进😅
    tuding
        26
    tuding  
       2021-10-06 09:10:25 +08:00
    膜拜大佬, 这就是这个世界的参差吗
    FakerLeung
        27
    FakerLeung  
       2021-10-06 11:39:49 +08:00 via iPhone
    tql
    huxiweng
        28
    huxiweng  
       2021-10-06 22:03:11 +08:00
    关键就是直接手撸,都不需要调试,大佬牛逼
    monologue520
        29
    monologue520  
       2021-10-09 12:47:39 +08:00
    大佬真的牛逼
    Kmmoonlight
        30
    Kmmoonlight  
       2021-10-11 11:05:57 +08:00
    一直看大佬的视频,哈哈
    JsonSnowNothing
        31
    JsonSnowNothing  
       2021-10-11 16:07:32 +08:00
    一直在看大佬的视频,没想到大佬也逛 V 站~~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2882 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 14:15 · PVG 22:15 · LAX 06:15 · JFK 09:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.