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"></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"> <img class="btn_arow" src="images/left.png"> <img class="btnWord" src="images/btn_word.png"></a></div> <div class="house"><img src="images/huose.png"></div></div><!--右边求职者--><div class="con_rf lf"><div class="peoCon"> <img class="peo" src="images/peo.png"> <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"> <img class="btnWord_rf" alt="求职者" src="images/qiuzhizhe.png"> <img class="btn_arow_rf" src="images/rf.png"></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