PostCSS Processor UI

Process CSS with PostCSS plugins

Plugins

autoprefixercssnanopostcss-nestedpostcss-custom-properties

CSS Input

Processed CSS

.button {
  -webkit-border-radius: border-radius: border-radius: 8px;
  -webkit-transform: transform: transform: scale(1);
  background: var(--primary-color);
}

.button:hover {
  -webkit-transform: transform: transform: scale(1.1);
}

Processed CSS

.button {
  -webkit-border-radius: border-radius: border-radius: 8px;
  -webkit-transform: transform: transform: scale(1);
  background: var(--primary-color);
}

.button:hover {
  -webkit-transform: transform: transform: scale(1.1);
}