Morteza Rahmani
Morteza Rahmani
خواندن ۱ دقیقه·۶ روز پیش

مینی پروژه سایت فروشگاهی کفش نایک

https://www.aparat.com/v/rpjy319




تمام این مینی پروژه با html css کد شده



منو های هدر سایت (Dropdowns)

منو ها با هدر باز میشود

با ویژگی (transform) و با (rotate و scale) ایکون دکمه با هاور 180 درجه میچرخد و 1.15px از عرض و طول دکمه بزرگتر میشود

وقتی روی دکمه هاور میکنیم باکس لینکی ظاهر میشود

به ایکون دکمه و باکس لینک یک(transition) برابر دادم که چرخش ایکون و باز شدن منو همزمان باشد




کارت های فروشگاهی(کفش)

هر کارت داخل یک div است و پوزشن (relative) و داخل div دوتا عکس دارد دارم که هر دو پوزیشن (absolute) دارد که دوتا عکس روی همدیگر قرار بگیرد

هر دو عکس یک (transition) برابر دارم که همزمان باز و بسته شود

هر دو عکس transform (translate و rotate) دارد که وقتی هاور شد در جهت مخالف هم دیگر باز شود




تصاویر ریسپاسیو(واکنشگرا)مینی پروژه سایت کفش نایک


فرانت اندبرنامه نویسیhtmlcss
دانشجوی برنامه نویسی طراحی وبسایت(فرانت اند) بی وقفه دنبال یادگیری برای بالا بردم مهارت و دانش در برنامه نویسی(طراحی وبسایت)
شاید از این پست‌ها خوشتان بیاید