Hirdetés

A webfejlesztők számára a HTML5 számos izgalmas új funkciót vezetett be. Ezen funkciók egyike volt a színátmenetek tiszta CSS3 használatával történő meghatározásának képessége. Ez a tulajdonság tette lehetővé a gradiens szerkesztők, például az „Ultimate CSS Gradient Generator” használatát.

nagy színátmenetek

Az Ultimate CSS Gradient Generator egy ingyenes online eszköz a webfejlesztők számára. A futtatáshoz a HTML5 támogató webböngésző, például a Firefox, a Chrome vagy a Safari legújabb verzióját kell használnia. Az eszköz két ablaktáblából áll: a bal oldali ablaktáblán kiválaszthatja a színt, megnevezheti a színátmenetet, beállíthatja a csúszkákat és az ütközőket; a jobb oldali ablaktáblán megtekintheti a színátmenet előnézetét és megkaphatja a CSS-kódot.

színátmeneteket generál

Ennek az online eszköznek a használatával a webfejlesztők beállíthatják a színátmenet leállítási színét, valamint hozzáadhatják, beállíthatják és törölhetik a megállási pozíciókat. Az előnézeti panel lehetővé teszi a fejlesztőknek, hogy a színátmenetet vízszintes vagy függőlegesként egyszerűen elvégezzék; ez a panel azt is megmutatja, hogyan fog kinézni az Internet Explorer tartalék gradiens az IE-ben. Ha elégedett az elvégzett módosításokkal, akkor egyszerűen lemásolhatja a létrehozott CSS-t, és beillesztheti a stíluslapjába.

instagram viewer

Jellemzők:

  • Nagyon barátságos weboldal a webfejlesztők számára.
  • Egy egyszerű felületet biztosít a színátmenetek létrehozásához.
  • Számos dolgot megtehet stop-színekkel és pozíciókkal.
  • Megtekintheti a színátmeneteket vízszintesen és függőlegesen.
  • Generálja a létrehozott színátmenetek CSS-kódját.
  • Hasonló eszközök: CSS3 CSS3 gradiensgenerátor: Könnyen létrehozhat CSS3 WebKit gradienseket online Olvass tovább Gradient Generator, CSS Gradient Editor, Gyors 3-színű CSS3 Gyors háromszínű CSS3 gradiensgenerátor: Könnyen létrehozhat lineáris és radiális gradienseket Olvass tovább Színátmenet generátor Gyors háromszínű CSS3 gradiensgenerátor: Könnyen létrehozhat lineáris és radiális gradienseket Olvass tovább és Border-Image Generator.

Nézze meg az Ultimate CSS Gradient Generator @ alkalmazást www.colorzilla.com/gradient-editor