200 求高手。 求提取一个 html 元素的 CSS (JS)，自己搞不定

..... 老哥 手工写就行了,这个没什么复杂的

所以呢，，联系方式呢 (￣△￣；)

抓 css 很简单吧

@xnode 哥，主要我 css 技术不过关啊，

怎么联系你呢?

如果你可以帮我一个 ruby 的忙，作为交换我可以免费帮你处理这个问题

就是一个异形的按钮和一个类似呼吸的动态效果嘛

这个没有 js，就是 css 实现的效果

联系我好了，多谢了
ee5bf2b7c593561f3cf772350015d3a8

.box {
width: 500px;
height: 200px;
background-color: #8e764a;
position: absolute;
bottom: -100px;
left: -50px;
transform: rotate(5deg);
animation: popup 1s infinite;
}

@keyframes popup {
0% {
background: #8e764a;
bottom: -105px;
}
50% {
background: #80673b;
bottom: -100px;
}
100% {
background: #8e764a;
bottom: -105px;
}
}


html

<div class="box"></div>

右键 审查元素 查看源代码

不好意思，用这个 email

emhkaHVpQGdtYWlsLmNvbQ==


http://139.9.90.195/sample.html

@redbuck #10 我的 200 元泡汤了

@redbuck 哇塞 你太厉害，短短几行

@redbuck 给力 赞

各路神仙

@redbuck 把你的微信私信给我吧，转钱给你。 你是第一个给出方案的，而且简洁好用，

如果是稍微做下 responsive 就更好了

我为什么没早点看到这条帖子

@redbuck 攒

唉，来晚了，不然 200 到手

@Sor 建议不要把 ip 暴露哦，把你的放在这里就行了
效果： https://output.jsbin.com/roqicarike
代码： https://jsbin.com/roqicarike/edit?html,css,js,output

@catsky
哈哈,不用了,反正也是闲着

来晚了

钱真好赚。。。

@justrand 嘿嘿 感谢! 闲置小鸡马上到期了

@livnimasileid 哈哈

@catsky 其实基本是原网站的

找人给钱是好文明

哇，这钱太容易赚了吧。。真的很简单的。。。

@redbuck 哇 大佬 nb ！

专业前端，ODI0MzMyMzYy


以后有这种活直接打钱，哈哈哈哈

f12 直接就看到啊

送钱啊

lz 好心人吖，这样子发红 @包，下次一定要喊上俺吖

真是送钱啊

老哥,谈钱就有点看不起我们了

@redbuck 多谢啊，只能多送你几个铜板了

喜欢你这样有价值的问题，希望多来两个给我。

这么简单还能得 200..

在 v 站这个级别的技术问题 谈钱看不起人啊

《子贡赎人》

f12，自己看

2 行代码搞定的事情，这居然还花钱买，原谅我笑 cry ～

不花钱会被骂伸手党，花钱少会被骂看不起程序员的时间，花钱“多”了还要被骂看不起人?

V 站要求真高

报酬参考的是澳洲初中级程序员时薪，我本来预估这个至少也得半小时-1 小时的工作量，现在发现技术水平限制了我的想象

@catsky #46 CSS 已然成为一门玄学

@catsky 老哥以后这种脏活累活请直接 @我

以后有这种好活直接打钱就完事了

脏活累活我拿手滴，让我来。

@catsky #46 初中级

来晚了

@justrand 老哥有点强啊，我怎么写不出来

我还以为 CSS 有啥骚操作？真就白给啊

下次带我一个

给你完美还原了一下，纯手工写的，搞了一个多小时，前端比较渣没办法。。

Demo： https://cdn.zerodream.net/code/test.html
源码： https://github.com/kasuganosoras/SomeCodes/blob/master/v2ex_603187.html

效果图：

因为有点困了所以就没做移动端适配。。凑合着用吧，如果有需要其他的私信我 QQ 204034

@KasuganoSoras ，多谢，你的网站我在澳洲打不开 ：）

@catsky #58 那就直接看 github 上的源码吧，我有两台国内的服务器没 peer 国外，所以打不开，你直接 clone 到本地打开 html 就可以看到了。

突然觉东西这东西好值钱

快点加楼主微信，说不定以后还有好多这类需求

是的，类似的前端任务以后还会有，有兴趣的可以合作

@KasuganoSoras

@KasuganoSoras 这位老哥可真用心，点个赞

@zxcslove 子路受牛

评论什么风气

看了一下按钮是 div 旋转了 5 度，一个上下移动的动画
@-webkit-keyframes angle_highlight_PCH3CK { 0% { background:#00aeef; top:-35px; } 50% { background:#018cc0; top:-40px; } 100% { background:#00aeef; top:-35px; }}

@zhiguang 怪李眼儿红咯...........doge

楼主 以后还有类似需求么 求加个好友~

@catsky

https://paste.ubuntu.com/p/76Qnwytw2j/


正好我网站能用上，就改了下应用上去了，效果还不错

@justin2018 多谢，我微信号 Y2F0c2t5

来晚了，F12 一看 rotate(5deg)感觉自己还是想象力不够啊

来，200 平分了啊

@KasuganoSoras 我刚才发了最后一条消息，我的 qq 就把我强制退出了，提示涉嫌发布虚假信息，我去~~ 你能加我微信吗 我微信号 Y2F0c2t5

@catsky #75 啊 这 我加了