加载中
这东西好重 ,还在维护 牛
@xplanet
Apache Wicket 8.6.0 和 7.15.0 发布了。Wicket 是一个 Java 语言的 Web ...

gitee T恤 来一套 从此精气神码代码没bug  倍爽 顺便向宣传下开源中国 。。

@-冰冰棒-
OSC「开源好物」正式上线,邀请你免费试用! 「开源好物」当前已上线产品有:红薯浮雕马克杯,码云T恤,码云鼠标垫,...

@力不从心王 nginx 怎么配置高性能集群以及webscoket 相关配置。

@局长
OSCHINA 本期高手问答(3月19日-3月25日)我们请来了@力不从心王 (王力)和大家一起探讨 Nginx ...
osc皮皮 01/29 09:28 评论了动弹:
@xpoony 大佬通过
@xpoony
你懂的。沾

主题: 1024属于程序员的节日

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>1024</title>

<style>
body {
  margin: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.world {
  -webkit-perspective: 800px;
          perspective: 800px;
  width: 100vh;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cube {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 50vh;
  height: 50vh;
  position: relative;
  -webkit-animation: rotator 4.5s linear infinite;
          animation: rotator 4.5s linear infinite;
  outline: 0;
}
.cube * {
  background: #000;
  box-shadow: 0 0 3vh currentColor;
  -webkit-transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
.cube:hover * {
  background: currentColor;
  box-shadow: 0 0 20vh currentColor;
}
.cube .cube__front {
  color: deeppink;
  -webkit-transform: translateZ(25vh);
          transform: translateZ(25vh);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cube .cube__right {
  color: lightcoral;
  -webkit-transform: rotateY(90deg) translateZ(25vh);
          transform: rotateY(90deg) translateZ(25vh);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cube .cube__left {
  color: skyblue;
  -webkit-transform: rotateY(270deg) translateZ(25vh);
          transform: rotateY(270deg) translateZ(25vh);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cube .cube__back {
  color: seagreen;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateY(180deg) translateZ(25vh);
          transform: rotateY(180deg) translateZ(25vh);
}
.cube .cube__top {
  color: mediumseagreen;
  -webkit-transform: rotateX(90deg) translateZ(25vh);
          transform: rotateX(90deg) translateZ(25vh);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cube .cube__bottom {
  color: dodgerblue;
  -webkit-transform: rotateX(270deg) translateZ(25vh);
          transform: rotateX(270deg) translateZ(25vh);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg) rotateY(360deg);
            transform: rotateX(360deg) rotateY(360deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotateX(0deg) rotateY(0deg);
            transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg) rotateY(360deg);
            transform: rotateX(360deg) rotateY(360deg);
  }
}
</style>
</head>
<body>

<div class="world">
  <div class="cube" tabindex="0">
    <div class="cube__front" style="font-size:80px;text-align:center;">程序员节日快乐</div>
    <div class="cube__back" ></div>
    <div class="cube__left" style="font-size:80px;text-align:center;">码代码无bug</div>
    <div class="cube__right" style="font-size:80px;text-align:center;">好人一生平安</div>
    <div class="cube__top" style="font-size:80px;text-align:center;">1024放假一天</div>
    <div class="cube__bottom" style="font-size:80px;text-align:center;">今晚不加班</div>
  </div>
</div>

</body>
</html>

效果预览:

 

@达尔文
又到了一年一度的 1024 程序员节,这节,当然是要过的,这班,当然也还是要上的。但是上区区一个班怎么能阻止我们对...
osc皮皮 2018/10/20 10:22 评论了博客:Netty堆外内存泄露排查与总结
666
@美团技术团队
## 导读Netty 是一个异步事件驱动的网络通信层框架,用于快速开发高可用高性能的服务端网络框架与客户端程序,它...
1. 编码严谨规范。
2. 命名清晰规范。
3. 测试场景覆盖率
4.编码逻辑清晰,健壮,可读性高
5.编码是否注解
6.编码设计模式是否规范严谨.
7.结构层次是否清晰,可扩展性强
@红薯
代码审查有奖调查:请在评论中回答如下两个问题:问题1如果从 0 ~ 10 表示代码审查的重要性,那么你认为代码审查...

十年后的自己是否还能转行获得一份好的工作,能够健康开心活着,有妻有子,父母安康,这应该是最大的幸福了。

@王练
也许有一天,你不再执着曾经坚持的,不再喜欢曾经深爱的,不再憎恶曾经反感的。 也许有一天,你开始想念曾经错过的,开始...
osc皮皮 2018/07/27 16:19 发布了新博客:
osc皮皮 2018/05/07 16:26 评论了动弹:
浏览器提交参数是啥样
@杯莫停ny
下拉框传值出现逗号请问啥情况
osc皮皮 2018/03/24 09:08 评论了动弹:
加了
@微信号
公司后端外包出去,有意向的加微信18797810474(备注后端)
osc皮皮 2018/03/23 20:35 评论了动弹:
@赵198000 我可以 有需求吗
@赵198000
谁能做这样的网页平台?
osc皮皮 2018/03/05 12:50 评论了动弹:
@长沙大东家 好的这周 整理简历 就会发给你们
@大东家
现急需Java开人员2-3人,前端UI1人,应用软件、系统软件测试专业1人,欢迎各位推荐身边优秀的人才。简历发送至xiaohelong2005@126.com,Java开发要求本科及以上,UI前端、软件测试专科及以上。长沙星沙经开区
osc皮皮 2018/03/05 11:20 评论了动弹:
@osc皮皮 我人现在广州 如果面试 只能先电话或者视频面试。
@大东家
现急需Java开人员2-3人,前端UI1人,应用软件、系统软件测试专业1人,欢迎各位推荐身边优秀的人才。简历发送至xiaohelong2005@126.com,Java开发要求本科及以上,UI前端、软件测试专科及以上。长沙星沙经开区
osc皮皮 2018/03/05 10:18 评论了动弹:
java 工作经验7-8年的可以吗
@大东家
现急需Java开人员2-3人,前端UI1人,应用软件、系统软件测试专业1人,欢迎各位推荐身边优秀的人才。简历发送至xiaohelong2005@126.com,Java开发要求本科及以上,UI前端、软件测试专科及以上。长沙星沙经开区
osc皮皮 2018/03/05 10:12 评论了动弹:
有具体福利 月薪 待遇吗
@大东家
现急需Java开人员2-3人,前端UI1人,应用软件、系统软件测试专业1人,欢迎各位推荐身边优秀的人才。简历发送至xiaohelong2005@126.com,Java开发要求本科及以上,UI前端、软件测试专科及以上。长沙星沙经开区
osc皮皮 2018/03/01 16:48 评论了动弹:
区块链不懂的 要吗
@Crissmagic
长沙招聘:招聘区块链的人才,主要工作对接各种区块链的钱包,例如对接比特币,以太坊,量子链,狗币等等,市面上的主流币都可以对接钱包,例如向币安网站上的钱包一样 实现钱包转入转出, 招聘语言 java go 都行,有兴趣私聊,待遇15k到25,五险一金,年底2到6,按公司整体盈利配比,工作坐标 长沙西站西中心t2栋,出地铁就到,有兴趣私聊 公司名称,湖南万链网络科技!
osc皮皮 2018/03/01 15:56 评论了动弹:
雷霆队 没戏
@FindDante
雷霆队有希望进总决赛吗?
osc皮皮 2018/02/24 14:16 评论了动弹:
@护国小将 答案错误啊、
@护国小将
有会做智能家居嵌入式的吗?合作一个项目!

没有更多内容

加载失败,请刷新页面

返回顶部
顶部