CSSgram : فیلترهای Instagram برای تصاویر
◷
تاریخ انتشار: 1394/10/27 | ساعت: 1:10
در این مطلب میخوام سایتی رو بهتون معرفی کنم که ابزاری رو در اختیارتون میزاره که میتونین به راحتی فیلترهای Instagram رو بر روی تصاویر مورد نظرتون قرار بدین. برای شروع وارد سایت CSSgram بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is yo...
استایل زیبا برای Caption عکسها ( نمونه 6)
◷
تاریخ انتشار: 1394/10/27 | ساعت: 1:10
* { margin: 0; padding: 0; } .grid { padding: 20px 20px 100px 20px; max-width: 1300px; margin: 0 auto; list-style: none; text-align: center; } .grid li { display: inline-block; width: 400px; margin: 0; padding: 20px; text-align: left; position: relative; } .grid figure { margin: 0; position: relativ...
کدهای جذاب و دیدنی ( Responsive Animated Infographic ) : اینفوگرافیک انیمیشنی
◷
تاریخ انتشار: 1394/10/27 | ساعت: 1:10
در این قسمت میخوام یک کد ( Responsive Animated Infographic ) جالب رو در اختیارتون بزارم. همونطور که دیدین یک اینفوگرافیک انیمیشنی واکنشگرا قرار داده شده و با چرخش المنتهای مختلف رو بررسی میکنه و توضیح میده. شما میتونین از این مدل ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطل...
animated-intro : آموزش افکتهای انیمیشنی برای نمایان شدن
◷
تاریخ انتشار: 1394/10/26 | ساعت: 2:32
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون افکتهای زیبای انیمیشنی برای نمایش قسمتی از صفحه بکار رفته شده و میتونین از اون برای سایت خودتون استفاده کنید. برای شروع وارد سایت animated-intro بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service ...
segment : کشیدن و انیمیشنی کردن مسیرهای SVG
◷
تاریخ انتشار: 1394/10/26 | ساعت: 2:32
در این مطلب میخوام سایتی رو بهتون معرفی کنم که ابزاری رو در اختیارتون میذاره که با استفاده از اون میتونید مسیرهای SVG رو با حالتهای مختلف انیمیشنی کنید. برای شروع وارد سایت segment بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your ...
استایل زیبا برای Progress Button ( نمونه 13)
◷
تاریخ انتشار: 1394/10/26 | ساعت: 2:32
*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { text-align: center; padding-top: 50px; } @font-face { font-weight: normal; font-style: normal; font-family: 'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix...