Crearea metode de forme geometrice css - blog despre auto html
Metode moderne de CSS vă permit să creați o varietate de forme și forme geometrice, folosind foi de stil și HTML-cod. Acum puteți crea o stea frumoasă sau formă figurate de introducere a datelor, un pătrat sau o săgeată fără utilizarea fișierelor de imagine.
Capacitatea de a crea forme geometrice cu CSS vă permite de a face site-ul dvs. „mai ușor“, ceea ce este foarte important pentru aspectul adaptiv sau versiunea mobilă a proiectului. În plus, design-ul devine și mai multă flexibilitate, iar efectele pe care sunt disponibile în formularele de cerere în CSS, în multe cazuri, nu este posibil cu tradiționalul „tăiere“, elementele grafice.
Formulare și elemente prin utilizarea CSS, nu afectează caracteristicile textului în interiorul formei, stilul, culoarea, dimensiunea sau conținutul. Puteți arăta imaginația, utilizați efecte neobișnuite, inclusiv, foarte recrea cu precizie modele tipografic (print) pentru site-urile cu aspect de adaptare.
Textul de pe site-ul dvs. poate fi localizată pe fundalul oricare dintre aceste elemente se pot încadra în jurul lor, în orice mod convenabil, inclusiv parțial. De exemplu, ca aceasta:
Pe de altă parte, folosind elemente buclat, puteți crea blocuri de formă neregulată, astfel încât site-ul devine un foarte elegant și aspect - este simplificat considerabil. Textul poate fi plasat în aceste cutii, fișiere imagine, formulare de intrare, etc. De exemplu, după cum urmează:
Pentru a crea orice formă, proprietăți necesare, care a apărut numai în CSS3: transformarea și border-radius. În afară de acești parametri folosind lățime convențională, înălțime, fundal (pentru a determina culoarea unei forme), iar raza-frontieră pentru liniile rotunjite (cerc, oval, colțuri rotunjite și așa mai departe.).
După cum se știe, orice formă complicată poate fi format din forme simple decât de obicei și se bucură de dezvoltatori. În exemplele veți găsi tot ce aveți nevoie pentru a înțelege cum de a decora site-ul cu forme CSS, și codul finit pentru formele de bază, pentru a economisi timp și efort în aspectul manual.
Mai mult decât atât, puteți obține un șablon automat aspect folosind coduri de service-uri html. și apoi finaliza datele elementelor CSS, dacă este necesar. În acest caz, serviciul va genera automat codul corect pentru cifrele CSS3, cum ar fi un cerc, oval, pătrat, dreptunghi, cu toate colțurile rotunjite.
Pentru a specifica o anumită formă de cod HTML, avem nevoie de toate tag-ul div obișnuit, care este în ID-ul parametru va primi numele figurii geometrice selectate.
De exemplu, ID-ul cerc poate fi numit Circle. Apoi, pentru a insera un cerc în cod, veți avea nevoie de codul de mai jos:
cerc
Pentru un cerc frumos în CSS trebuie să specificați două valori egale între ele: lățime și înălțime, dar, de asemenea, o curbură linii parametru raza de frontieră, care ar trebui să fie egală cu jumătate din valorile pentru lățime și înălțime.
Și, în sfârșit,
Sunt atât de multe forme diferite care pot „trage“ metode CSS3. Ele sunt compuse din forme simple, din care exemple sunt date mai sus, sau pe baza acestora, folosind schimbarea unui parametru. Astfel de elemente de design pot fi folosite ca forme, butoane sau blocuri, ele pot deveni un ornament și de a ajuta aduce la viață ideile să realizeze că, prin utilizarea unui aspect convențional cu imposibilă sau foarte dificil de utilizat de fișiere imagine.
Încercați soluții noi, punerea în aplicare a acestora, experimentul. Și site-urile noastre aspect motor HTML va ajuta pentru a obține mai rapid rezultatele dorite!