Azi este Joi, 10 de Aprilie.2017

cu reduceri

Imagini si CSS totul depinde de ce navegator folosim


O imagine normala:
<img src="URL_IMAGINE"/>


Rotunjim colturile si in Firefox se vede cum apare in aceasta postare si foarte diferit in, Chrome Opera e IE9:
<img style="border-radius:20px" src="URL_IMAGINE"/>


Am adăuga o frontieră (margine):
<img style="border-radius: 20px;border: 5px solid #ED7274;" src="URL_IMAGINE"/>

Am adăugat un padding care este separarea dintre margine şi imaginea în sine:
<img style="border-radius: 20px;border: 5px solid #76F561;padding: 10px;" src="URL_IMAGINE"/>

Sa continuam cu adaugarea de culoare penttru fondul imagini:
<img style="background-color: #678;border: 5px solid #FFF;border-radius: 100px;padding: 10px 50px;" src="URL_IMAGINE"/>

Si o mica umbra pe marginea exterioara a imagini:
<img style="background-color: #678;border: 5px solid #FFF;border-radius: 100px;padding: 10px 50px;box-shadow:0 0 10px #DEF;" src="URL_IMAGINE"/>

Related Posts:

  • Efecte acordeonUn efect foarte interesant de acordeon pe verticala (vezi aici acelasi efec dar pe orizontala)Ori de cate ori efectuam orice actiune pe o eticheta si dam clic pe ea pentru a interactiona, doar cu CSS nu este suficient, avem n… Read More
  • Cautare cu efect!Acest lucru de a folosi jQuery este foarte usor, desi pe mine nu ma convinge, stiu ca este noua moda, dar îmi place să contrazic şi să caute alternative la bibliotecile de scripting, care sunt confortabile, dar, stiti ca un s… Read More
  • Meniu expandabil cu CSSDaca as spune ca tranziţiile folosesc pentru orice, este o exagerare, dar ... foloseste pentru aproape orice. De data aceasta, sa vedem modul în care acestea ar putea fi aplicate pentru a crea meniuri expandabile.Cred că HTML… Read More
  • Meniu vertical - clase CSSAdaug azi un nou meniu vertical folosind clase CSS, acesta utilizeaza o imagine de fond unica pentru a realiza 3 efecte diferite.Pentru incorporarea lui intr-un blog se respecta urmatori pasi:1. Copiaeza urmatoarea imagine in… Read More
  • Animatie - Exemplu de acordeon cu CSSAcest exemplu de acordeon create numai cu CSS si care lucreaza în mod normal, în orice browser, dar este pregatit sa functioneze corect în Chrome, Opera şi Firefox 4.Exemplu acordeon orizontal este cel care se potriveste cel … Read More

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc