ਸੁੰਦਰ CSS ਲੋਡਰ ਬਣਾਓ
ਸਾਡੇ ਸਹਿਜ ਡਰੈਗ-ਐਂਡ-ਡ੍ਰੌਪ ਇੰਟਰਫੇਸ ਨਾਲ ਸਕਿੰਟਾਂ ਵਿੱਚ ਕਸਟਮ CSS ਲੋਡਿੰਗ ਐਨੀਮੇਸ਼ਨ ਤਿਆਰ ਕਰੋ। ਕੋਈ ਕੋਡਿੰਗ ਦੀ ਲੋੜ ਨਹੀਂ!
ਆਪਣੇ ਲੋਡਰ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ
40px
1s
Preview
ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ
- ਖੱਬੇ ਪਾਸੇ ਦੇ ਨਿਯੰਤਰਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਪਣੇ ਲੋਡਰ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ
- "CSS ਤਿਆਰ ਕਰੋ" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
- ਤਿਆਰ ਕੀਤੇ HTML ਅਤੇ CSS ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰੋ
- ਇਸਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।
ਪ੍ਰਸਿੱਧ ਲੋਡਰ ਉਦਾਹਰਨਾਂ
ਪਲਸ ਲੋਡਰ
3 Dots
ਲਾਗੂ ਕਰਨਾ ਆਸਾਨ ਹੈ
ਸਪਿਨਰ ਲੋਡਰ
Classic
100% CSS
Dual Ring
ਡਬਲ ਸਰਕਲ
ਆਧੁਨਿਕ ਸ਼ੈਲੀ
ਬਾਊਂਸ ਲੋਡਰ
ਉਛਾਲਦੇ ਬਿੰਦੂ
ਸਮੂਥ ਐਨੀਮੇਸ਼ਨ
ਰਿੰਗ ਲੋਡਰ
ਬਿੰਦੀ ਨਾਲ ਘੰਟੀ ਵਜਾਓ
ਵਿਲੱਖਣ ਡਿਜ਼ਾਈਨ
ਸਕੇਲ ਲੋਡਰ
ਸਕੇਲਿੰਗ ਡੌਟਸ
Lightweight
CSS ਲੋਡਰਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ
ਮੁੱਢਲਾ ਲਾਗੂਕਰਨ
ਇਸ ਟੂਲ ਦੁਆਰਾ ਤਿਆਰ ਕੀਤੇ ਗਏ CSS ਲੋਡਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਧਾ ਹੈ। ਬਸ ਤਿਆਰ ਕੀਤੇ HTML ਅਤੇ CSS ਕੋਡ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।
ਕਦਮ 1: CSS ਸ਼ਾਮਲ ਕਰੋ
Add the generated CSS code to your stylesheet or in a