{"id":6213,"date":"2014-11-19T23:51:42","date_gmt":"2014-11-19T20:51:42","guid":{"rendered":"http:\/\/www.fwasl.com\/?p=6213"},"modified":"2025-09-02T16:07:07","modified_gmt":"2025-09-02T13:07:07","slug":"free-preloaders-spinners","status":"publish","type":"post","link":"https:\/\/tjarb.com\/fwasl\/free-preloaders-spinners\/","title":{"rendered":"\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0627\u0642\u0628\u0644 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 (Preloaders) \u0648 \u0645\u0624\u0634\u0631\u0627\u062a \u0645\u062a\u062d\u0631\u0643\u0629 \u062f\u0627\u0626\u0631\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 (Spinners)"},"content":{"rendered":"<p>\t\t\t\t<![CDATA[\u0646\u0638\u0631\u0627 \u0644\u0644\u0645\u0646\u0638\u0648\u0631 \u0627\u0644\u062c\u062f\u064a\u062f \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u060c \u0627\u0635\u0628\u062d \u0645\u0646 \u0627\u0644\u0645\u0647\u0645 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u062d\u062a\u0649 \u0646\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0646\u0638\u0631\u0629 \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0646\u0647\u0627\u064a\u0629 \u060c \u0644\u0630\u0627 \u0627\u062a\u062c\u0647 \u0627\u0644\u0645\u0635\u0645\u0645\u064a\u0646 \u0627\u0644\u0649 \u0627\u0644\u0627\u0639\u062a\u0646\u0627\u0621 \u062d\u062a\u0649 \u0628\u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0644\u062a\u062a\u0648\u0627\u0643\u0628 \u0645\u0639 \u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0643\u0643\u0644.\n\n\u0644\u0627\u062d\u0638\u0646\u0627 \u0623\u0646 \u063a\u0627\u0644\u0628\u064a\u0629 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0644\u0628\u0639\u0636 \u0627\u0644\u0648\u0642\u062a \u0644\u064a\u062a\u0645 \u062a\u062d\u0645\u064a\u0644\u0647\u0627 \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0623\u0648 \u0644\u0644\u0642\u064a\u0627\u0645 \u0628\u0627\u062c\u0631\u0627\u0621 \u064a\u0633\u062a\u063a\u0631\u0642 \u0648\u0642\u062a \u0637\u0648\u064a\u0644 \u062a\u0643\u0648\u0646 \u0645\u0635\u062d\u0648\u0628\u0629 \u0628\u0645\u0624\u0634\u0631 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0635\u063a\u064a\u0631 \u064a\u0635\u0641 \u0648\u064a\u0635\u0648\u0631 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644. \u064a\u0645\u0643\u0646\u0643 \u0623\u0646 \u062a\u062c\u062f \u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0641\u064a \u0643\u0644 \u0645\u0643\u0627\u0646 - \u0641\u064a \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0639\u0644\u064a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629 \u0623\u0648 \u0627\u0644\u062a\u0627\u0628\u0644\u062a\u060c \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0648\u064a\u0628\u060c \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629. \u0648\u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u062a\u062c\u0639\u0644 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0623\u0643\u062b\u0631 \u0645\u062a\u0639\u0629 \u0648\u0633\u0631\u0648\u0631.\n\n\u0644\u0641\u062a\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0643\u0627\u0646 \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0635\u0648\u0631 \u0645\u062a\u062d\u0631\u0643\u0629 GIF \u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u062d\u0645\u064a\u0644(Preloaders)\u060c \u0648\u0645\u0624\u062e\u0631\u0627 \u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0643\u0648\u0627\u062f \u0628\u0631\u0645\u062c\u064a\u0629 \u062a\u062a\u0636\u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0625\u0645\u0627 JS \u0623\u0648 CSS \u060c \u0645\u0645\u0627 \u0641\u062a\u062d \u0622\u0641\u0627\u0642 \u0648\u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0644\u0627 \u0646\u0647\u0627\u064a\u0629 \u0644\u0647\u0627 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646.\n\n\u0639\u0644\u064a \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0623\u0646 \u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u062f\u0627\u0626\u0631\u064a\u0627 \u062a\u0623\u062e\u0630 \u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641\u060c \u0625\u0644\u0627 \u0623\u0646 \u0644\u062f\u064a\u0647\u0645 \u0634\u0626 \u0648\u0627\u062d\u062f \u0645\u0634\u062a\u0631\u0643: \u0648\u0647\u0648 \u0623\u0646\u0647\u0645 \u0644\u0627 \u064a\u0638\u0647\u0631\u0648\u0627 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a \u0644\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u062a\u062d\u062f\u064a\u062f\u0627\u060c \u0641\u0647\u0645 \u0645\u0624\u0634\u0631\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u062b\u0627\u0628\u062a\u0629\u060c \u0641\u0627\u0630\u0627 \u0643\u0646\u062a \u062a\u0631\u063a\u0628 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0623\u0641\u0636\u0644\u060c \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0623\u0646 \u062a\u0636\u064a\u0641 \u0631\u0633\u0648\u0645 \u0645\u062a\u062d\u0631\u0643\u0629 \u0645\u062b\u064a\u0631\u0629 \u0644\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0648\u0627\u0644\u062a\u064a \u0633\u062a\u0633\u062a\u0648\u0644\u064a \u0639\u0644\u064a \u0627\u0646\u062a\u0628\u0627\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0644\u0641\u062a\u0631\u0629\u060c \u0648\u0627\u0644\u064a\u0643\u0645 \u0628\u0639\u0636 \u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u0623\u0646\u0634\u0623\u0647\u0627 \u0645\u0637\u0648\u0631\u064a \u0648\u064a\u0628 \u0645\u0647\u0631\u0629. \u062d\u064a\u062b \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0645 \u0643\u0645\u0635\u062f\u0631 \u0644\u0644\u0627\u0644\u0647\u0627\u0645 \u0623\u0648 \u0643\u0646\u0642\u0637\u0629 \u0644\u062a\u0628\u062f\u0623 \u0628\u0647\u0627.\n\n\n<h3>Spin<\/h3>\n\n\n<a href=\"http:\/\/fgnass.github.io\/spin.js\/\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-6218\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/1-Spin.jpg\" alt=\"1-Spin\" width=\"600\" height=\"343\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Single Element CSS Spinners<\/h3>\n\n\n<a href=\"http:\/\/projects.lukehaas.me\/css-loaders\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6219\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/2-Single-Element-CSS-Spinners.jpg\" alt=\"2-Single-Element-CSS-Spinners\" width=\"600\" height=\"352\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Spinners<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/ZevanRosser\/pen\/ilfHK\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6220\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/3-Spinners.jpg\" alt=\"3-Spinners\" width=\"600\" height=\"246\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Spinner<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/ruigewaard\/pen\/CtnsJ\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6221\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/4-Spinner.jpg\" alt=\"4-Spinner\" width=\"600\" height=\"285\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>CSS Spinner<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/Razentic\/pen\/Lvump\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6222\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/5-CSS-Spinner.jpg\" alt=\"5-CSS-Spinner\" width=\"600\" height=\"442\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>CSS Domino Loader<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/agrimsrud\/pen\/vtmoq\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6223\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/6-CSS-Domino-Loader.jpg\" alt=\"6-CSS-Domino-Loader\" width=\"599\" height=\"283\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Bar\/Ball Loader<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/ahallicks\/pen\/mLqwu\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6224\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/7-Bar_Ball-Loader.jpg\" alt=\"7-Bar_Ball-Loader\" width=\"600\" height=\"346\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Cube Fold<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/mikehobizal\/pen\/AKavB\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6225\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/8-Cube-Fold.jpg\" alt=\"8-Cube-Fold\" width=\"599\" height=\"239\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>CSS Loading Boxes Animation<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/Adevade\/pen\/FGtre\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6226\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/9-CSS-Loading-Boxes-Animation.jpg\" alt=\"9-CSS-Loading-Boxes-Animation\" width=\"600\" height=\"279\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Text Filling<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/austinmzach\/pen\/wxrAj\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6227\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/10-Text-Filling.jpg\" alt=\"10-Text-Filling\" width=\"600\" height=\"220\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Yet Another Loading Animation<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/austinmzach\/pen\/wxrAj\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6228\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/11-Yet-Another-Loading-Animation.jpg\" alt=\"11-Yet-Another-Loading-Animation\" width=\"600\" height=\"270\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Google-Inspired CSS Preloaders<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/mattsince87\/pen\/uoDtH\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6229\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/12-Google-Inspired-CSS-Preloaders.jpg\" alt=\"12-Google-Inspired-CSS-Preloaders\" width=\"600\" height=\"249\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Reddit Loader<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/BeatAlex\/pen\/qkHgt\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6230\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/13-Reddit-Loader.jpg\" alt=\"13-Reddit-Loader\" width=\"600\" height=\"308\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Jellyfish Spinner<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/highlyinteractive\/pen\/dCahl\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6231\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/14-Jellyfish-Spinner.jpg\" alt=\"14-Jellyfish-Spinner\" width=\"599\" height=\"269\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Loader #7<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/fbrz\/pen\/ljuJn\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6232\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/15-loader-7.jpg\" alt=\"15-loader-7\" width=\"600\" height=\"300\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Another Simple CSS load animation<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/pwsm50\/pen\/kmapB\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6233\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/16-Another-Simple-CSS-load-animation.jpg\" alt=\"16-Another-Simple-CSS-load-animation\" width=\"600\" height=\"312\" \/><\/a>\n[divider] [\/divider]\n\n\n<h3>Loaders and Spinners<\/h3>\n\n\n<a href=\"http:\/\/codepen.io\/collection\/HtAne\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6234\" src=\"http:\/\/www.fwasl.com\/wp-content\/uploads\/17-Loaders-and-Spinners.jpg\" alt=\"17-Loaders-and-Spinners\" width=\"600\" height=\"246\" \/><\/a>\n\n&nbsp;\n\n[divider] [\/divider]\n\n<a href=\"http:\/\/designmodo.com\/\" target=\"_blank\">\u0627\u0644\u0645\u0635\u062f\u0631<\/a>\n\n&nbsp;]]>\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\t\t\t\t<![CDATA[]]>\t\t<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-6213","post","type-post","status-publish","format-standard","hentry","category-resources"],"_links":{"self":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts\/6213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/comments?post=6213"}],"version-history":[{"count":1,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts\/6213\/revisions"}],"predecessor-version":[{"id":10248,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/posts\/6213\/revisions\/10248"}],"wp:attachment":[{"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/media?parent=6213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/categories?post=6213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tjarb.com\/fwasl\/wp-json\/wp\/v2\/tags?post=6213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}