← ਟੂਲਜ਼
ਡਿਜ਼ਾਈਨ ਅਤੇ CSS
ਰੰਗ, ਜਵਾਬਦੇਹ ਆਕਾਰ ਅਤੇ ਉਤਪਾਦਨ ਲਈ ਤਿਆਰ CSS ਬਣਾਓ।
ਰੰਗ ਅਤੇ ਪਹੁੰਚਯੋਗਤਾ
CSS ਲੇਆਉਟ ਅਤੇ ਪ੍ਰਭਾਵ
- ਬਾਕਸ ਸ਼ੈਡੋ ਜਨਰੇਟਰਬਾਕਸ-ਸ਼ੈਡੋ ਬਣਾਉਣ ਲਈ ਸਲਾਈਡਰਾਂ ਨੂੰ ਖਿੱਚੋ, ਡੂੰਘਾਈ ਲਈ ਲੇਅਰਾਂ ਨੂੰ ਸਟੈਕ ਕਰੋ, ਅਤੇ ਤਿਆਰ CSS ਨੂੰ ਤੁਰੰਤ ਕਾਪੀ ਕਰੋ।
- ਗ੍ਰੇਡੀਐਂਟ ਜਨਰੇਟਰਇੱਕ ਲੀਨੀਅਰ, ਰੇਡੀਅਲ, ਜਾਂ ਕੋਨਿਕ ਗ੍ਰੇਡੀਐਂਟ ਬਣਾਓ, ਕਲਰ ਸਟਾਪਸ ਜੋੜੋ ਅਤੇ ਦਿਸ਼ਾ ਸੈੱਟ ਕਰੋ, ਫਿਰ ਇੱਕ ਕਲਿੱਕ ਵਿੱਚ CSS ਕਾਪੀ ਕਰੋ।
- ਬਾਰਡਰ ਰੇਡੀਅਸ ਜਨਰੇਟਰਸਲਾਈਡਰਾਂ ਨਾਲ ਹਰੇਕ ਕੋਨੇ ਨੂੰ ਗੋਲ ਕਰੋ, ਅੰਡਾਕਾਰ ਮੋਡ ਨਾਲ ਆਰਗੈਨਿਕ ਬਲੌਬ ਆਕਾਰ ਬਣਾਓ, ਅਤੇ CSS ਨੂੰ ਤੁਰੰਤ ਕਾਪੀ ਕਰੋ।
- ਫਲੈਕਸਬਾਕਸ ਜਨਰੇਟਰਵਿਜ਼ੂਅਲ ਕੰਟਰੋਲਸ ਨਾਲ ਇੱਕ ਫਲੈਕਸ ਕੰਟੇਨਰ ਅਤੇ ਇਸਦੀਆਂ ਆਈਟਮਾਂ ਨੂੰ ਸੈੱਟ ਕਰੋ, ਲੇਆਉਟ ਨੂੰ ਲਾਈਵ ਬਦਲਦੇ ਹੋਏ ਦੇਖੋ, ਅਤੇ ਇੱਕ ਕਲਿੱਕ ਵਿੱਚ CSS ਕਾਪੀ ਕਰੋ।
- CSS ਗਰਿੱਡ ਜਨਰੇਟਰਆਪਣੇ ਕਾਲਮ ਅਤੇ ਰੋਅ ਸੈੱਟ ਕਰੋ, ਆਈਟਮਾਂ ਰੱਖਣ ਲਈ ਸੈੱਲਾਂ ਦੇ ਉੱਪਰ ਖਿੱਚੋ, ਅਤੇ ਇੱਕ ਕਲਿੱਕ ਵਿੱਚ ਮੇਲ ਖਾਂਦੇ HTML ਦੇ ਨਾਲ ਗਰਿੱਡ CSS ਕਾਪੀ ਕਰੋ।
- CSS ਕਿਊਬਿਕ ਬੇਜ਼ੀਅਰ (Cubic Bezier) ਜਨਰੇਟਰਈਜ਼ਿੰਗ ਕਰਵ ਬਣਾਉਣ ਲਈ ਦੋ ਹੈਂਡਲਾਂ ਨੂੰ ਖਿੱਚੋ, ਇੱਕ ਸਥਿਰ ਬਿੰਦੂ ਦੇ ਮੁਕਾਬਲੇ ਇੱਕ ਬਿੰਦੂ ਨੂੰ ਚਲਦੇ ਹੋਏ ਦੇਖੋ, ਅਤੇ cubic-bezier() ਮੁੱਲ ਕਾਪੀ ਕਰੋ।
- CSS clamp() ਕੈਲਕੁਲੇਟਰਛੋਟੀਆਂ ਅਤੇ ਵੱਡੀਆਂ ਸਕ੍ਰੀਨਾਂ ਲਈ ਇੱਕ ਆਕਾਰ ਦਰਜ ਕਰੋ ਅਤੇ ਇੱਕ ਫਲੂਇਡ clamp() ਮੁੱਲ ਪ੍ਰਾਪਤ ਕਰੋ ਜੋ ਵਿਚਕਾਰ ਸੁਚਾਰੂ ਢੰਗ ਨਾਲ ਸਕੇਲ ਹੁੰਦਾ ਹੈ — ਫੌਂਟ ਸਾਈਜ਼, ਪੈਡਿੰਗ, ਮਾਰਜਿਨ ਜਾਂ ਗੈਪ ਲਈ।
ਸਕ੍ਰੀਨ, ਪ੍ਰਿੰਟ ਅਤੇ ਅਨੁਪਾਤ
- ਪਿਕਸਲ / DPI ਕਨਵਰਟਰਕਿਸੇ ਵੀ DPI/PPI 'ਤੇ ਪਿਕਸਲ ਨੂੰ ਇੰਚ, cm ਅਤੇ mm ਵਿੱਚ ਬਦਲੋ — ਸਕ੍ਰੀਨ ਡਿਜ਼ਾਈਨ ਅਤੇ ਪ੍ਰਿੰਟ ਕੰਮ ਦੋਵਾਂ ਲਈ।
- ਸਕ੍ਰੀਨ PPI ਕੈਲਕੁਲੇਟਰਪਿਕਸਲ ਘਣਤਾ, ਡਾਟ ਪਿੱਚ, ਭੌਤਿਕ ਮਾਪ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਰੈਜ਼ੋਲਿਊਸ਼ਨ ਅਤੇ ਸਕ੍ਰੀਨ ਦਾ ਆਕਾਰ ਦਰਜ ਕਰੋ।
- px ਤੋਂ rem ਅਤੇ em ਕਨਵਰਟਰਆਪਣੇ ਰੂਟ ਅਤੇ ਕੰਟੈਕਸਟ ਫੌਂਟ ਸਾਈਜ਼ ਦੀ ਵਰਤੋਂ ਕਰਕੇ px, rem ਅਤੇ em ਵਿਚਕਾਰ ਬਦਲੋ — ਕਿਸੇ ਵੀ ਫੀਲਡ ਨੂੰ ਐਡਿਟ ਕਰੋ ਅਤੇ ਬਾਕੀ ਦੋਵੇਂ ਤੁਹਾਡੇ ਟਾਈਪ ਕਰਨ ਦੇ ਨਾਲ-ਨਾਲ ਅੱਪਡੇਟ ਹੋ ਜਾਣਗੇ।
ਫੌਂਟ ਜਾਂਚ ਅਤੇ ਲਾਇਸੈਂਸਿੰਗ
ਇਸ ਸ਼੍ਰੇਣੀ ਵਿੱਚ ਕੋਈ ਮੇਲ ਖਾਂਦੇ ਟੂਲ ਨਹੀਂ ਹਨ।