تا ثانیه دیگر دانلود به صورت خودکار انجام میگیرد
محصولات مشابه فروشی
آخرین های مشابه
دانلود سورس استایل CSS برای منو کشویی با انیمیشن
آموزش css
ساختار
از دو عنصر اصلی تشکیل شده است nav.main-navبرای موارد ناوبری بالا و div.morph-dropdown-wrapperبسته بندی عناصر کرکره.
برای هر آیتم لیست در nav.main-navعنصر، a li.dropdownدر داخل ایجاد می شود .morph-dropdown-wrapper.
Open Nav
About
Pricing
Contact
اضافی div.bg-layerدر داخل ساخته شده است div.morph-dropdown-wrapperو برای ایجاد پس زمینه morphing dropdown استفاده می شود.
افزودن سبک
در...
رایگان
دانلود سورس js , css جستجو پیشرفته با انیمیشن زیبا
آموزش css
بدست آوردن تجربه جستجو به راستی کار ساده ای نیست. نقطه شروع همیشه فرم جستجو است که در اکثر موارد تنها شامل یک فیلد ورودی و یک دکمه ارسال است. صفحه نتایج جستجو برای طراحی بسیار مشکل است، مخصوصا اگر شما دارای دسته های مختلف محتوا باشید.
برای وب سایت های بزرگ و فروشگاه های آنلاین، چه مهم است، اما سعی کنید پیش بینی حرکت کاربر. ما باید توجه داشته باشیم که اغلب کاربران ما در مورد کجا...
رایگان
دانلود سورس انیمیشن js , css جهت صفحه بندی خدمات شما بدون رفرش
آموزش css
ما اخیرا با یک انیمیشن طراحی شده با CSS تجربه کردیم که جایگزین تازه کردن صفحه وب می شود در حالی که محتوای با استفاده از ajax به روز شده است. انفجار امروز بر اساس یک ایده است، اما با یک اجرای متفاوت: در این زمان یک اثر شناور ساده تبدیل به یک نوار بارگذاری، که در نهایت با محتوای جدید گسترش می یابد!
آیکون های کتابخانه هسته ای ما .
ایجاد ساختار
ساختار HTML از یک...
رایگان
استایل جالب فونت فتوشاپ برای جذاب سازی نوشته
طرح لایه باز
استایل جالب فونت فتوشاپ برای جذاب سازی نوشته از این طرح میتوانید برای هر نوشته ای استفاده کنید این استایل به نوشته حالت سه بعدی و خلاقانه می دهد حتی میتوانید از این استایل برای طراحی لوگو نیز استفاده کنید
آموزش استفاده از استایل فتوشاپ
برای استفاده از این کار شما باید به قسمت لایه ها در فتوشاپ خود مراجعه کنید اگر ابزار لایه برای شما فعال نیست از پنجره WINDWOS->LAYERS را فعال کرده و سپس طبق...
رایگان
دانلود استایل متنی فتوشاپ برای جذاب کردن متون
طرح لایه باز
دانلود استایل مخصوص فتوشاپ با این استایل مخصوص میتوانید طرح های خودتان را جذاب کنید مثلا میتوانید برروی کارت ویزیت و بنر های خودتان و حتی برای خلق لوگو با استفاده از فونت های انگلیسی زیبا که لینکش رو براتون گذاشتم بدون دردسر و هزینه برای خودتان لوگو طراحی کنید.
آموزش استفاده از استایل فتوشاپ
برای استفاده از این کار شما باید به قسمت لایه ها در فتوشاپ خود مراجعه کنید اگر ابزار لایه...
رایگان
دانلود انیمیشن لندینگ زیبا برای وب سایت ها
پیش بارگیرها اغلب برای بارگیری وب سایت ها / برنامه های کاربردی آهسته استفاده می شوند تا کاربر را مطلع کنند که وب سایت هنوز بارگذاری شده یا سقوط نکرده است. پیش بارگیرها برای وب سایت ها و برنامه های کاربردی با منابع بسیار مفید هستند. در بسیاری از موارد، بارگذاری انیمیشن ها به عنوان اولین عنصرUX استفاده می شود. آن را به کاربر تایید می کند که برنامه یا وب سایت سقوط نمی...
رایگان
طرح استایل متنی فتوشاپ قرمز مسابقه
طرح لایه باز طرح استایل متنی فتوشاپ قرمز مسابقه در ملت وب دانلود طرح های لایه باز طرح استایل متنی فتوشاپ قرمز مسابقه تراکت که صد ها طرح لایه باز طرح استایل متنی فتوشاپ قرمز مسابقه رایگان را میتوانید به صورت رایگان دانلود و استفاده نمایید.
آموزش استفاده از طرح استایل متنی فتوشاپ قرمز مسابقه
برای استفاده از این طرح اینستاگرام در فتوشاپ شما باید به قسمت لایه ها...
رایگان
25+ کتابخانه انیمیشن CSS رایگان
آموزش css
امروز ما در حال رفتن به در بالای نگاه CSS انیمیشن کتابخانه برای کمک به شما انیمیشن های بسیار زیبا ایجاد کنید. انیمیشن ها زندگی را به وب، جنبش معنی دار شدت مطمئن UX را به سطح بعدی. شما احتمالا شنیده اصطلاح "انتقال" قبل، درست است؟ انتقال CSS چیزی را به محل در تغییر وضعیت هنگامی که شما معلق در هوا و یا چیزی است. در حال حاضر ما می توانید انیمیشن های CSS به تحریک و تشجیع هر...
رایگان
مجموعه 30 انیمیشن css و svg کاربردی و جذاب
آموزش css
تمامی انیمیشن های معرفی شده با css و svg و در برخی موارد همراه javascript نیز معرفی شده اند انیمیشن ها قابل دانلود هستند برای دانلود میتوانید از روی کد های آنلاین codepen دانلود را انجام بدید
Border توسط شان مک کافری
هنگامی که روی دستورالعمل "HOVER" می روید ، فقط با CSS ساخته می شود و یک حاشیه به راحتی متن ایجاد می شود.
Elastic SVG Sidebar by Nikolay Talanov
نوار کناری وقتی می خواهید آن را از کنار خود...
رایگان
باکس ثبت نام حرفه ای با انیمیشن زیبا css,jquery
آموزش css
در بیشتر موارد، کاربران خود را به یک صفحه ثبت نام هدایت می کنید. با این حال، اگر فرآیند پرداخت شما کاملا ساده باشد، یک روش جایگزین برای جابجایی جدول قیمت گذاری است، و در همان صفحه، فرم پرداخت را نشان می دهد. این همان چیزی است که ما با قطعه امروز تلاش کردیم.
صحبت کردن به اندازه کافی، بیایید به کد بچرخانیم؛)
منابع:
Velocity.js توسط جولیان شاپیرو.
آیکون از Nucleo .
ایجاد...
رایگان
ساخت فایل های انیمیشن GIF و تبدیل و بهینه سازی آنها
در این نوشته قصد داریم در مورد فایل هایی با پسوند GIF صحبت کنیم . فرمت GIF فرمتیست که هم بافت های گرافیکی ثابت رو پشتیبانی میکنه هم بافت های گرافیکی متحرک که در حقیقت کوتاه شده اسم Graphics Interchange Format هست .
بر خلاف اون چیزی که بین متخصصان کامپیوتری و طراحان رواج پیدا کرده تلفظ صحیح این فرمت جیف هست . دیکشنری آکسفورد هر دو تلفظ گیف و جیف رو برای این فرمت صحیح میدونه در حالی که...
رایگان
دانلود پروژه css , java جهت نمایش نمونه کار ها با انیمیشن بسیار جذاب
آموزش css
ما با ایده حرکت بلوک های محتوا به عنوان راهی برای انتقال از صفحه اصلی / گالری به صفحه پروژه، بازی کرده ایم. تمام پانل ها در امتداد محور Y حرکت می کنند (محور x در دستگاه های کوچکتر)، و حرکت به وسیله ی این که کاربر میخواهد بیشتر درباره یک پروژه یاد بگیرد یا میخواهد به ناوبری دسترسی پیدا کند، حرکت می کند.
تصاویر: unsplash.com
ایجاد ساختار
ساختار HTML از دو لیست های نامرتب تشکیل...
رایگان
سورس مودال باکس modal box
آموزش css
سلام خدمت دوستان امروز با آموزش ساخت مودال باکس خدمت شما هستیم که بسیار مناسب برای ایده گیری و تسریع در طراحی وب سایت خواهد بود modal box فوق از 7 دموی متفاوت می باشد که میتوان به ساید بار کردن منو ها با مودال و دگمه های اشتراک گذاری متون با کاراکتر بیشتر با استفاده فول اسکرین و کلی امکانات دیگر...
در زیر نمایی از تصاویر دمو رو خدمتتون ارسال میکنیم :
مودال ورود و عضویت:
مودال...
رایگان
دانلود استایل متنی یا افکت متنی لایه باز نقره ای براق رایگان
طرح لایه باز
دانلود استایل متنی یا افکت متنی لایه باز نقره ای براق رایگان که از این طرح میتوانید در طرح های خود اعم از بنر و تراکت جهت نمایان شدن بهتر متون استفاده کنید حتی از این طرح میتوانید برای طراحی لوگو نیز استفاده کنید
دانلود طرح لایه باز رایگان توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب...
رایگان
سورس jquery افزودن به سبد خرید سریع
آموزش css
استفاده از صفحه نمایش بزرگتر نباید محدود به استفاده از تصاویر / عناصر بزرگتر باشد. ما می توانیم این پیکسل های اضافی را با افزایش تجربه کاربر با ویژگی های اضافی کار کنیم.
UX استاندارد برای یک گالری محصول: کلیک کاربر بر روی یک محصول که او دوست دارد، و سپس به صفحه محصول تک حرکت می کند. از این جا، او قصد دارد برخی از گزینه ها را انتخاب کند و در نهایت محصول را به سبد خرید اضافه کند. هیچ...
رایگان
10 قطعه کد متریال رایگان به صورت اپن سورس
آموزش css
کد جدول رسپانسیو
در اینجا قطعه طراحی مواد با پیچ و تاب منحصر به فرد است. این جدول پاسخگو ایجاد شده توسط سرگئی کوپلاتکی در واقع میزبان لینک های دیگر به قطعه طراحی مواد است. خیلی باحال!
این به طور طبیعی با استفاده از تکنیک های طراحی مواد ایجاد می شود، بنابراین جدول باید کاملا به طرح شما متوسل شود. اما سخت ترین بخشی از طراحی موبایل، ساخت جداول است که روی صفحه نمایش...
رایگان
قالب وردپرس رایگان فروشگاهی ووکامرس لوازم الکتریکی - دانلود قالب Hitek با استایل های راستچینی
قالب وردپرس رایگان
قالب وردپرس رایگان Hitek یک قالب وردپرس برتر با عملکرد بالا برای هر نوع فروشگاه آنلاین الکترونیکی است. با ویژگی های قدرتمند آن ، می توانید وب سایت همه کاره خود را بدون دانش کد نویسی بسازید.
حاوی استایل های راستچینی
قالب فروشگاهی Hitek همراه با استایل های RTL ارائه شده تا برای زبان های راست به چپ نیز قابل استفاده باشد.
مشاهده سریع محصولات
بدون نیاز به نصب هیچ افزونه دیگری شما نمایش سریع...
رایگان
سورس js نمایش 360 درجه و سه بعدی تصاویر محصولات فروشگاهتان
آموزش css
در طراحی تجارت الکترونیک یکی از اهداف اصلی این است که فاصله بین محصول و کاربر را پر کنید. این به ویژه برای کالاهای با قیمت بالا مرتبط است. از این رو، اهمیت ادغام ابزارهای تعاملی، برای دادن کاربر به یک راه برای "تقریبا تجربه" محصول.
منابع امروز یک منبع ساده و تعاملی است که می تواند برای نشان دادن یک تور مجازی از محصول استفاده شود. ایده قطعه این است که از یک حرکت تصویر...
رایگان
آموزش کامل و سورس سبد خرید css , jquery با پیشنمایش و دانلود
آموزش css
ما در مورد فرآیند "اضافه به سبد خرید" به الگوهای مختلفی استفاده می کنیم. ایده اصلی این الگو، اطلاع دادن به کاربر است که یک مورد به سبد اضافه شده است و او را با یک پیوند برای ادامه به پرداخت، ارائه می دهد.
ما با این ایده مخفی کردن سبد خرید به طور پیش فرض آزمایش کرده ایم و آن را زمانی که کاربر بر روی دکمه «افزودن به سبد خرید» کلیک می کند نشان می دهد. به این ترتیب کاربر می...
رایگان
سورس کامل به همراه پیشنمایش تایم لاین jqruey , css
آموزش css
خط زمانی عمودی ما تا کنون یکی از محبوب ترین منابع در ملت وب است. بسیاری از شما از ما خواسته اید تا یک جدول زمانی افقی را نیز اضافه کنید. که تقدیم شما میگردد.
ساخت یک جدول زمانی افقی کمی دشوار بود، زیرا شما نمی توانید به عمودی (بصری) رفتار پیمایش تکیه کنید. ما تصمیم گرفتیم جداول زمانی و حوادث را جدا کنیم، اولین کسی که مانند یک نوار لغزنده کار می کند، در حالی که دومین اشغال...
رایگان
دانلود سورس js , css نمایش گالری تصاویر به صورت سه بعدی
آموزش css
ایده این منبع این است: اگر من یک گالری محصولات داشته باشم، من بهترین تصویر را برای هر یک از آنها انتخاب می کنم. اما اگر یک تصویر کافی نیست چه؟ مشتری بر روی محصول کلیک می کند، او به صفحه محصول تکیه می کند، و در بیشتر موارد، یک نمایش اسلاید در آنجا پیدا می کند. با این حال، اگر آنها قبل از رفتن به صفحه محصول، تصاویر بیشتری از یک محصول مشابه را ببینند، احتمال بیشتری وجود دارد که آنها...
رایگان