网赚妈妈

 找回密码
 立即注册
搜索
查看: 823|回复: 20

[网赚社区] CSS 正方体

[复制链接]
  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

    发表于 2018-10-13 18:45:19 | 显示全部楼层 |阅读模式

    之前有看到头条上别人直播写代码写的就是一个正方体,今天自己也试着做了一下。

    fSsq7T85PnnpSTVH.jpg

    最终的效果图

    z3T6hOJ1NC81ztqC.jpg

    没加图片效果图

    kIF0szMllVPiQSL8.jpg

    点击正方体图片会显示在右侧

    代码:

    R4D1D2HA2gNSd1pI.jpg

    html

    q6121oVk2q4FT4E2.jpg

    css

    i7H3r79d15085Q5d.jpg

    js

    以上就是全部代码,以后如果代码比较少的话我就不私信发源码了,代码虽然简单但是对于初学者最好还是自己试着敲一遍。

    对于有些案例,可能给人的感觉是在实际工作中根本用不到,但是我觉得我们首先考虑的不应该是以后在工作中能不能用得到,而应该看案例中的知识是否对你有用(大神请忽略)。我每天腾出一点时间做案例,一个是自我复习,一个是希望能帮到需要帮助的人。我会一直坚持下去,谢谢大家支持!

    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:46:33 | 显示全部楼层
    有一个面永远转不到前面
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:49:55 | 显示全部楼层
    for循环let是什么鬼
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:52:51 | 显示全部楼层
    这个好像可以一行js都不用写,可以用纯css实现
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:55:23 | 显示全部楼层
    明天抄一遍试试[泪奔]
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 18:59:21 | 显示全部楼层
    这个我还真做不出来,对3d不是很熟练。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:02:34 | 显示全部楼层
    HTML5?
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:05:37 | 显示全部楼层
    感谢分享
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:08:01 | 显示全部楼层
    可以了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-9-19 13:15
  • 签到天数: 16 天

    [LV.4]偶尔看看III

     楼主| 发表于 2018-10-13 19:11:12 | 显示全部楼层
    可以
    回复 支持 反对

    使用道具 举报

    xml|2.xml|QQ3014497968|文章发布|签到|小黑屋|网赚论坛-致富项目网络赚钱平台 |网站地图

    GMT+8, 2019-10-24 07:09 , Processed in 0.170294 second(s), 15 queries , File On.

    Powered by Discuz! X3.3

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表