+- انجمن استودیو توپو مرجع طراحان و توسعه دهندگان (http://topostudio.ir)
+-- انجمن: انجمن کامپیوتر و اینترنت (http://topostudio.ir/Forum-%D8%A7%D9%86%D8%AC%D9%85%D9%86-%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D9%88-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA)
+--- انجمن: کامپیوتر (http://topostudio.ir/Forum-%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1)
+---- انجمن: نرم افزار (http://topostudio.ir/Forum-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1)
+---- موضوع: چگونگی طراحی فرم ها و اشکال در CSS (/Thread-%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%81%D8%B1%D9%85-%D9%87%D8%A7-%D9%88-%D8%A7%D8%B4%DA%A9%D8%A7%D9%84-%D8%AF%D8%B1-CSS)
چگونگی طراحی فرم ها و اشکال در CSS - hostcode - 2019/07/04
چگونگی طراحی فرم ها و اشکال در 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