⭐ 0
🔍
Szöveg Kép PDF és Dokumentumok Hang Zene Elektronika Idő Segédprogramok Validátorok Ezotéria Játékok

Ocean CSS Gradient — Kész kód

Készítsen CSS-gradienseket vizuálisan: lineáris, radiális vagy kúpos típusú, szögcsúszka és akár hat színütköző élő, teljes szélességű előnézettel és másolható kóddal.

90°
Feldolgozás... 0%

Eredmény

Ez az oldal megnyitja a gradiens generátort egy kész óceáni elhalványulással: mély kékeszöld #2193b0 áramlik a világos vízbe #6dd5ed. A teljes szélességű előnézet azonnal megjeleníti, és a háttérben lévő CSS-sor készen áll a másolásra.

A kékeszöld színátmenetek a legbiztonságosabb választás a felhasználói felületen: nyugalmat és bizalmat jeleznek, mindkét végén olvashatóan tartják a fehér és sötét szöveget, és egyformán jól illeszkednek a műszerfalakhoz, a SaaS-céloldalakhoz és a szalaghirdetésekhez. Mindkét megálló ugyanazt a hideg árnyalatcsaládot osztja meg, így a keverék tiszta marad teljes hosszában.

Szállítsa úgy, ahogy van, vagy állítsa be: meredítse meg a szöget a függőleges mélységhatás érdekében, vagy adjon hozzá egy majdnem fehér stopot 100%-nál a horizont ragyogásához. Ha megfelelő egyszínű színekre van szüksége a gombokhoz és az ékezetekhez, az ezen az oldalon található színpaletta-generátor harmóniát épít ki bármelyik megállóból.

🛡️
Böngészőben futtatva

A fájljaid és bemeneteid soha nem hagyják el ezt az eszközt. A feldolgozás teljesen offline módon történik. 100% biztonságos.

Elfogadott formátumok és szabályok

  • Gradiens típus kiválasztása (lineáris, radiális, kúpos) szögcsúszkával a lineáris és kúpos módokhoz.
  • Színleállító lista: két megálló legfeljebb hat indításához, hozzáadásához vagy eltávolításához, mindegyik saját színválasztóval és százalékos pozícióval.
  • Másolható háttér CSS-sor, valamint kész előre beállított oldalak a naplementéhez, az óceánhoz és a pasztell színátmenetekhez.

Főbb előnyök

✓ A teljes szélességű előnézet minden változtatásnál újrafestődik – típus, szög és minden színütköző –, így a másolt CSS pontosan olyan, amit látott.
✓ Akár hat színütköző egyedi pozíciókkal lefed mindent, az egyszerű kétszínű halványítástól a bonyolult többsávos hátterekig.
✓ Egy deklaráció, három motor: váltson lineáris, radiális és kúpos között anélkül, hogy átépítené a megállókat.

Felhasználási területek

  • • A linear-gradient() kézi szerkesztése és újratöltése helyett a szög- és színpontok húzásával készítsen hősszelvény hátterét.
  • • Hasonlítsa össze az azonos színű ütközőket a lineáris, radiális és kúpos színátmenetekkel egyetlen kapcsolóval – az ütközők átvihetők a típusok között.
  • • Ragadjon meg egy bevált kombinációt a naplemente, óceán vagy pasztell előre beállított oldaláról, és alakítsa a márkája színeibe.