ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3 企業採用案内ページアニメーション特殊効果_html/css_WEB-ITnose をベースにしています

CSS3 企業採用案内ページアニメーション特殊効果_html/css_WEB-ITnose をベースにしています

WBOY
WBOYオリジナル
2016-06-24 11:37:041335ブラウズ

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。