Lasam din panoul superior folosind css, proiectare și dezvoltare a site-ului

Buna ziua 🙂

Astăzi, continuă să scrie articole pe tema de a crea tot felul de panou de animație. În acest articol, ne vom concentra pe cum ne lăsați panoul superior cu CSS. Acest panou poate fi util pentru tine în organizarea blocului meniu cu diferite informații și instrumente pentru a accesa site-ul, și așa mai departe.

Personal, am folosit de mai multe ori o tehnică similară. Prin utilizarea CSS, această metodă nu este complicată și ușor de înțeles. Un exemplu de ceea ce se întâmplă poate fi văzut mai jos.

Să ne în liniște de a continua cu planificat, mai ales pentru că munca nu este foarte mult pentru o mazgalituri fâșie lungă. Primul pas este de a adăuga marcajul nostru HTML. Marcarea minimă nepretențioasă pentru ceea ce ar fi fost de înțeles. Acesta are două blocuri de părinte și copil. De fapt, aceasta este butonul pentru mamă și panoul de ghidare a copilului în sine în cazul în care vă va plasa tot felul de informații.

Pentru a începe animația noastră de a părăsi panoul, adaugă stil. Acesta trebuie să fie făcut, de exemplu, la sfârșitul fișierului CSS. Care este plasat într-un dosar cu site-ul tau. În funcție de ceea ce sistemul dvs. sau site-ul samopisny poate Stylesheet fi în dosare diferite, și care urmează să fie numit în mod diferit. Cel mai adesea este numit - style.php.

Asta e tot panoul. Stiluri schimba pentru ei înșiși, personaliza și se adaugă la unitatea copilului în informațiile sale de aspect. Stilurile vă puteți personaliza aspectul timpului. Acesta este dat de parametrul - tranziție. In acest exemplu, timpul de apariție este egal cu 0,3 secunde. Puteți schimba de unul singur.

De asemenea, puteți schimba în mod opțional poziția panoului și mutați-l în jos. Pentru a face acest lucru în codul cu stiluri, toți parametrii - top: înlocuit cu partea de jos:. Pentru a scrie același cod cu înlocuirea nu va parі parametrii. Cred că va putea face față acestei sarcini.

Asta e tot, vă mulțumesc pentru atenție. 🙂

Dacă ați fost utile pentru munca mea, vă poate sprijini site-ul dvs. :)

Bună ziua dragi prieteni

Ai instalat extensia AdBlock sau altele asemenea. Adaugă site-ul meu pe lista albă, și, astfel, vnesesh contribuie la dezvoltarea acesteia. Instrucțiuni despre cum să dezactivați AdBlock doriți această fereastră