10 طراحی جالب با CSS3
660 روز پیش
پويا صادقى , آموزش CSS, معرفی سایت
با امکاناتی که CSS3 داره، میشه سایت های جالبی درست کرد. 10 تا از این سایتها روببینیم
* برای این که مشکلی در نمایش نداشته باشید، از آخرین نسخه مرورگر کروم یا سافاری استفاده کنید
منظومه خورشیدی
شبیه سازی گردش سیاره ها در منظومه خورشیدی ، به وسیله CSS3 شبیه سازی شده.
در این سایت از ویژگی های border-radius ، transform و animation استفاده شده ( + آموزش ساخت )
تبلیغات CSS3 دربرابر تبلیغات فلش
تبلیغات فلش به خاطر استفاده از انیمیشن و افکت هایی که دارن، تبلیغات جذابی به حساب میان.
حالا که با CSS3 میشه انیمیشن های جذاب درست کرد، چرا درتبلیغات ازش استفاده نشه
مرد عنکبوتی با CSS3!
کارتون اسپایدرمن (سال 1967) که با CSS3 ساخته شده!
البته در این انیمیشن کمی هم از jQuery استفاده شده طرز ساخت انیمیشن اسپایدرمن با CSS3 رو ببینید
مردی از هالیـوود
استفاده از تایپوگرافی و انیمیشن به شکل تیتراژ فیلم!
بازی Anigma
بازی Anigma یه بازی با استفاده از قابلیت های CSS3 و HTML5 هست که در وبلاگ فاروکسا درموردش توضیحاتی داده شده.
گالری عکس
این گالری عکس با استفاده از خاصیت های rotate و box-shadow در CSS3 درست شده ( +آموزش ساخت )
پوسته موزیـک پلیر
یک موزیـک پلیر که با استفاده از CSS3 و HTML5 درست شده. ( + آموزش ساخت )
صفحه های گرامافـون
این صفحه های گرامافون با استفاده از CSS3 درست شدن و آهنـگها هم با استفاده از تگ Audio در HTML5 پخش میشن
سیاره کوچک
این انیمیشن با استفاده از CSS3 و تصاویر png و خاصیت @keyframes در webkit درست شده
سقوط برگ
در این صفحه هم برگ های png با استفاده از CSS3 وجاوا اسکریپت از بالابه پایین حرکت میکنن ( +آموزش ساخت )
- ترجمه از سایت sixrevisions
