>  기사  >  웹 프론트엔드  >  基于CSS3企业招聘引导页动画特效_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:37:041342검색

基于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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.