+- تالار گفتگوی کیش تک/ kishtech forum (http://forum.kishtech.ir)
+-- انجمن: پردیس فناوری کیش (http://forum.kishtech.ir/forumdisplay.php?fid=1)
+--- انجمن: گفتگوی آزاد (http://forum.kishtech.ir/forumdisplay.php?fid=5)
+--- موضوع: چگونگی طراحی فرم ها و اشکال در CSS (/showthread.php?tid=31964)
چگونگی طراحی فرم ها و اشکال در CSS - magbot - 04-07-2019
چگونگی طراحی فرم ها و اشکال در CSS
آموزش طراحی سایت
![[تصویر: %DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8...%D8%B5.jpg]](http://magbot.ir//%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%B3%D8%B1%DB%8C%D8%B9-%D9%81%D8%B1%D9%85-%D9%87%D8%A7-%D8%AF%D8%B1-CSS-%D8%AE%D8%A7%D9%84%D8%B5/%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%B3%D8%B1%DB%8C%D8%B9-%D9%81%D8%B1%D9%85-%D9%87%D8%A7-%D8%AF%D8%B1-CSS-%D8%AE%D8%A7%D9%84%D8%B5.jpg)
در آموزش امروز، یک لیست ساده از رایج ترین شکل ها را که می توانند با استفاده از CSS3 ایجاد شوند معرفی می کنیم.
این آموزش نگاهی به اشکال درCSS3 و چگونگی ایجاد آنها را به شما خواهد آموخت. شکل های متعدد پوشش داده شده که واقعا می تواند طراحی سایت شما را سریعتر کند، زیرا نیاز به تصاویر کاهش می یابد. اجازه دهید شروع کنیم
نمایش نسخه ی نمایشی ← .
![[تصویر: %D8%AF%D8%B1-10-%D8%AF%D9%82%DB%8C%D9%82...%D8%AF.jpg]](http://magbot.ir//%D8%AF%D8%B1-10-%D8%AF%D9%82%DB%8C%D9%82%D9%87-%D8%A8%D8%A7-Adobe-Photoshop-%DB%8C%DA%A9-%D8%B7%D8%B1%D8%AD-%D8%AA%D8%A7%DB%8C%D9%BE%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C-%D8%B2%DB%8C%D8%A8%D8%A7-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DA%A9%D9%86%DB%8C%D8%AF/%D8%AF%D8%B1-10-%D8%AF%D9%82%DB%8C%D9%82%D9%87-%D8%A8%D8%A7-Adobe-Photoshop-%DB%8C%DA%A9-%D8%B7%D8%B1%D8%AD-%D8%AA%D8%A7%DB%8C%D9%BE%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C-%D8%B2%DB%8C%D8%A8%D8%A7-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DA%A9%D9%86%DB%8C%D8%AF.jpg)
در 10 دقیقه با فتوشاپ یک طرح تایپوگرافی زیبا ایجاد کنید
![[تصویر: %D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A8%D8...ion.js.jpg]](http://magbot.ir//%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A8%D8%A7%D8%B2%D8%AA%D8%A7%D8%A8-%D8%A7%D8%AB%D8%B1-%D9%82%D8%A7%D8%A8%D9%84-%D8%AA%D9%88%D8%AC%D9%87%DB%8C-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-CSS-%D9%88-Reflection.js/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A8%D8%A7%D8%B2%D8%AA%D8%A7%D8%A8-%D8%A7%D8%AB%D8%B1-%D9%82%D8%A7%D8%A8%D9%84-%D8%AA%D9%88%D8%AC%D9%87%DB%8C-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-CSS-%D9%88-Reflection.js.jpg)
ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js
![[تصویر: %DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8...toshop.jpg]](http://magbot.ir//%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A2%DB%8C%DA%A9%D9%88%D9%86-%D9%86%D8%A7%D9%88%D8%A8%D8%B1%DB%8C-%D8%AA%D8%AE%D8%AA-%D8%AF%D8%B1-Adobe-Photoshop/%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A2%DB%8C%DA%A9%D9%88%D9%86-%D9%86%D8%A7%D9%88%D8%A8%D8%B1%DB%8C-%D8%AA%D8%AE%D8%AA-%D8%AF%D8%B1-Adobe-Photoshop.jpg)
چگونگی ایجاد آیکون ناوبری تخت در Adobe Photoshop