CSS3 மாற்றம் ஜெனரேட்டர்
மென்மையான ஒளிபுகாநிலை மாற்றம்
பிரபலமான முன்னமைவுகள்
மங்கலான விளைவு
மென்மையான ஒளிபுகாநிலை மாற்றம்
அளவுகோல் விளைவு
மிதவை மீது உறுப்பு அளவை மாற்றவும்
விளைவை சுழற்று
மிதவை மீது உறுப்பு சுழற்று
ஸ்லைடு விளைவு
உறுப்பு நிலையை நகர்த்தவும்
நிற மாற்றம்
பின்னணி வண்ண மாற்றம்
மாற்றங்கள் பற்றி
CSS மாற்றங்கள் ஒரு குறிப்பிட்ட காலப்பகுதியில் சொத்து மதிப்புகளை சீராக மாற்ற உங்களை அனுமதிக்கின்றன.
பொதுவாக அனிமேஷன் பண்புகள் பின்வருமாறு:
- அகலம், உயரம்
- விளிம்பு, திணிப்பு
- ஒளிபுகாநிலை, நிறம்
- transform (scale, rotate, translate)
- background-color
சார்பு உதவிக்குறிப்பு: அனைத்து மாற்றங்களையும் உயிரூட்ட 'அனைத்து பண்புகளும்' விருப்பத்தைப் பயன்படுத்தவும்.
Preview
உருவாக்கப்பட்ட குறியீடு
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
மாற்றம் கட்டுப்பாடுகள்
மிதவை விளைவுகள்
Related Tools
CSS மாற்றிக்கு Sass
உங்கள் Sass குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS மாற்றிக்கு குறைவு
உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.
CSS Minifier
தொழில்முறை துல்லியத்துடன் உங்கள் CSS குறியீட்டை சுருக்கி மேம்படுத்தவும்
அதிர்வெண் அலகு மாற்றி
உங்கள் பொறியியல் மற்றும் அறிவியல் கணக்கீடுகளுக்கு துல்லியத்துடன் அதிர்வெண் வெவ்வேறு அலகுகளுக்கு இடையில் மாற்றவும்
ஆன்லைன் உரை நிழல் CSS ஜெனரேட்டர்
உங்கள் வலைத்தளத்திற்கான அதிர்ச்சியூட்டும் சாய்வு உரை விளைவுகளை உருவாக்கவும்
நம்பக இடைவெளி கால்குலேட்டர்
உங்கள் மாதிரி தரவுக்கான நம்பக இடைவெளிகளை துல்லியமாகவும் எளிதாகவும் கணக்கிடுங்கள்.