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 குறியீட்டை சுருக்கி மேம்படுத்தவும்
MD5 ஹாஷ் ஜெனரேட்டர்
MD5 ஹேஷ்களை விரைவாகவும் எளிதாகவும் உருவாக்கவும்
Pantone முதல் CMYK வரை
அச்சு வடிவமைப்பிற்கான Pantone வண்ணங்களை CMYK மதிப்புகளாக மாற்றவும்
நீள மாற்றி
நீளத்தின் வெவ்வேறு அலகுகளுக்கு இடையில் எளிதாகவும் துல்லியமாகவும் மாற்றவும். அன்றாட பயன்பாடு மற்றும் தொழில்முறை பயன்பாடுகளுக்கு ஏற்றது.