Rumah  >  Artikel  >  hujung hadapan web  >  基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose

基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 11:37:041335semak imbas

基于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="images/logo.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div><!--左边hr--><div class="con_lf lf">    <div class="big_word"><img alt="大企业,大能量" src="images/big_word.png"></div>    <div class="btnCon"><a href="http://www.w2bc.com/">    <img  class="btnbg" src="images/left_btn_bg.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img  class="btn_arow" src="images/left.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img  class="btnWord" src="images/btn_word.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div>    <div class="house"><img  src="images/huose.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></div></div><!--右边求职者--><div class="con_rf lf"><div class="peoCon">    <img  class="peo" src="images/peo.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img class="work" alt="挑工作" src="images/tiao.png"></div><div class="peoBtn"><a href="http://www.w2bc.com/">    <img  class="btnbg_rf" src="images/rf_bg.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" >    <img class="btnWord_rf" alt="求职者" src="images/qiuzhizhe.png">    <img  class="btn_arow_rf" src="images/rf.png" alt="基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose" ></a></div><div class="big_word_rf"><img alt="小白领,大作为" src="images/right_word.png"></div> </div></div>

via:http://www.w2bc.com/article/css3-hr-index-page

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn