Circular Loading Animation ( Html5 CSS3)

أنيميشن بسيط ب HTML+CSS 3 يمكن تغيير الألون المستعملة  مع بعض المصادر المهمة التي تشرح الكود :


رابط الفيديو(YOUTUBE) :  هنا

تحميل الكود : هنا

بعض المصادر التي تشرح الكود :

BEFORE //*//AFTER :

الربط الأول : هناالرابط الثاني : هنا الرابط الثالث : هنا

BOX-SHADOW :

الرابط الأول : هناالرابط الثاني : هناالرابط الثالث : هنا 

ANIMATION  :

الرابط الأول : هناالرابط الثاني : هناالرابط الثالث : هنا

CALC  :

الرابط الأول : هناالرابط الثاني : هناالرابط الثالث : هنا