பிரபலமான முன்னமைவுகள்

மங்கலான விளைவு

மென்மையான ஒளிபுகாநிலை மாற்றம்

அளவுகோல் விளைவு

மிதவை மீது உறுப்பு அளவை மாற்றவும்

விளைவை சுழற்று

மிதவை மீது உறுப்பு சுழற்று

ஸ்லைடு விளைவு

உறுப்பு நிலையை நகர்த்தவும்

நிற மாற்றம்

பின்னணி வண்ண மாற்றம்

மாற்றங்கள் பற்றி

CSS மாற்றங்கள் ஒரு குறிப்பிட்ட காலப்பகுதியில் சொத்து மதிப்புகளை சீராக மாற்ற உங்களை அனுமதிக்கின்றன.

பொதுவாக அனிமேஷன் பண்புகள் பின்வருமாறு:

  • அகலம், உயரம்
  • விளிம்பு, திணிப்பு
  • ஒளிபுகாநிலை, நிறம்
  • transform (scale, rotate, translate)
  • background-color

சார்பு உதவிக்குறிப்பு: அனைத்து மாற்றங்களையும் உயிரூட்ட 'அனைத்து பண்புகளும்' விருப்பத்தைப் பயன்படுத்தவும்.

Preview

HOVER ME

உருவாக்கப்பட்ட குறியீடு

.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; }  .element:hover { /* Hover styles will be generated here */ }

மாற்றம் கட்டுப்பாடுகள்

300
0

மிதவை விளைவுகள்

100%
100%
0px
0px
8px
8px

Related Tools

CSS மாற்றிக்கு Sass

உங்கள் Sass குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.

CSS மாற்றிக்கு குறைவு

உங்கள் குறைவான குறியீட்டை CSS ஆக மாற்றவும். வேகமானது, எளிதானது மற்றும் பாதுகாப்பானது.

CSS Minifier

தொழில்முறை துல்லியத்துடன் உங்கள் CSS குறியீட்டை சுருக்கி மேம்படுத்தவும்

MD2 ஹாஷ் ஜெனரேட்டர்

இந்த ஆன்லைன் கருவி மூலம் MD2 ஹேஷ்களை விரைவாகவும் எளிதாகவும் உருவாக்கவும். பாதுகாப்பான, நம்பகமான மற்றும் உடனடி முடிவுகள்.

வெளிச்ச மாற்றி

வெவ்வேறு அலகுகளுக்கிடையேயான வெளிச்சத்தை துல்லியமாக மாற்றவும்

JSON ஐ எளிதாக Excel ஆக மாற்றவும்

ஒரே கிளிக்கில் உங்கள் JSON தரவை Excel வடிவத்திற்கு மாற்றவும். வேகமானது, பாதுகாப்பானது மற்றும் முற்றிலும் உலாவி அடிப்படையிலானது.