Bună ziua, dragi cititori și invitați ai blogului. Astăzi vor fi multe imagini. Este vorba despre cum să faci o imagine a unei forme rotunde (și nu numai) în blog. Am incercat sa o fac in Photoshop, dar din moment ce am foarte putin control asupra ei, mi-a luat ceva timp. Există generatoare online pentru rotunjirea imaginilor. Dar vom vorbi despre ele mai jos.
Să începem. Când scriem un mesaj, încărcăm imaginea în mod obișnuit. În cazul meu, va exista un astfel de pui. Nu uitați să optimizați imaginea (citiți postarea va optimiza imaginile din blog)
Acum, treceți de la modul de creație la modul HTML și adăugați doar o proprietate CSS-style = "border-radius: 100%;" după
În acest caz, la mine imaginea sa dovedit aici o formă ovală. Lucrul este că înălțimea și lățimea imaginii încărcate nu erau aceleași.
Pentru a realiza o imagine absolut rotundă, trebuie să setăm aceeași lățime și înălțime a imaginii încărcate. Puteți să vă conectați direct la modul HTML. Apoi adăugați stilul = "radius-limită: 100%";
Puteți face niște forme neobișnuite de imagini. În acest caz, îmi las singur puiul și încerc să fac alte fotografii. Ei bine, sa întâmplat așa ceva.
Pentru acest tip, mergem și în modul HTML, dar scriem acest cod acolo unde ar trebui să fie imaginea noastră,
Ei bine, încă o fotografie a acestui formular
Pentru a face acest lucru, un astfel de cod
Când lucrați cu aceste imagini, unele dimensiuni ale razei de margine: trebuie să modificați în funcție de dimensiunea imaginii.
Site-ul este în limba rusă și este destul de ușor de înțeles. Prin urmare, o voi face fără o captură de ecran. În partea stângă ni se oferă să alegeți forma zonei selectate și în dreapta tot felul de efecte. Apoi descărcați doar rezultatul, și asta este.
Vezi tu. Dacă vă imaginați puțin și adăugați ceva sau schimbați, puteți obține un efect complet diferit al imaginilor noastre în blog. Și în acest mesaj, chiar efecte interesante pentru imagini. Încercați, este interesant.
doriți să vă abonați la foi de înșelătorie noi