css or jquery

[yasharhi]

در قسمتی از سایت زیر وقتی روی هر قسمت میریم اون قسمت بالاتر میره رنگ متن عوض میشه و دور آیکن یه دایره رسم میشه ، این کار با jquery انجام شده یا css ؟

http://demo.rextheme.com/lawui/index.html



http://uupload.ir/files/4gvp_13.png

[frednasri]

سلام.

از css استفاده شده. یه جستجو کنید برای css animations (https://www.google.com/search?q=css+animations&ie=utf-8&oe=utf-8) یا css transitions (https://www.google.com/search?q=css+transitions&ie=utf-8&oe=utf-8) یا css transforms (https://www.google.com/search?q=css+transforms&ie=utf-8&oe=utf-8).

مثلا اون حالتی که کادر جابجا میشه، از transform: translateY (http://www.tutorialspark.com/css3/CSS3_2d_Transform_TranslateY_Demo.php) (با مقدار منفی) برای hover استفاده شده.

موفق باشید.

[somaye-s]

با سلام این افکت از طریق css و css3 انجام شده
به این صورت که به box بزرگ میتونید این کلاس رو هنگام hover شدن بدید :
.larg-box:hover { margin-top:-10px;}
البته در این سایت از css استفاده کرده است به صورت زیر:
.larg-box:hover { transform: translateY(-10px);}
در مورد قسمت دوم یا دایره قرمز رنگ دور ایکن هم از طریق css به این صورت عمل کنید.
.larg-box i{border: 1px solid #f86759;border-radius: 100%;padding: 15px;}