基于CSS3企业招聘引导页动画特效。这是一款基于jQuery+CSS3实现的企业招聘欢迎页面特效。效果图如下 :
在线预览 源码下载
实现的代码。
html代码:
<div class="leftBg"></div><div class="rightBg"></div><div class="content mr"><div class="logo"><a href="http://www.w2bc.com/"><img src="/static/imghwm/default1.png" data-src="images/logo.png" class="lazy" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div><!--左边hr--><div class="con_lf lf"> <div class="big_word"><img src="/static/imghwm/default1.png" data-src="images/big_word.png" class="lazy" alt="大企业,大能量"></div> <div class="btnCon"><a href="http://www.w2bc.com/"> <img class="btnbg lazy" src="/static/imghwm/default1.png" data-src="images/left_btn_bg.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" > <img class="btn_arow lazy" src="/static/imghwm/default1.png" data-src="images/left.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" > <img class="btnWord lazy" src="/static/imghwm/default1.png" data-src="images/btn_word.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div> <div class="house"><img src="/static/imghwm/default1.png" data-src="images/huose.png" class="lazy" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></div></div><!--右边求职者--><div class="con_rf lf"><div class="peoCon"> <img class="peo lazy" src="/static/imghwm/default1.png" data-src="images/peo.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" > <img class="work lazy" src="/static/imghwm/default1.png" data-src="images/tiao.png" alt="挑工作"></div><div class="peoBtn"><a href="http://www.w2bc.com/"> <img class="btnbg_rf lazy" src="/static/imghwm/default1.png" data-src="images/rf_bg.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" > <img class="btnWord_rf lazy" src="/static/imghwm/default1.png" data-src="images/qiuzhizhe.png" alt="求职者"> <img class="btn_arow_rf lazy" src="/static/imghwm/default1.png" data-src="images/rf.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div><div class="big_word_rf"><img src="/static/imghwm/default1.png" data-src="images/right_word.png" class="lazy" alt="小白领,大作为"></div> </div></div>
via:http://www.w2bc.com/article/css3-hr-index-page