Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Furtul din magazine in SUA schimb...

Margherita de la Clejani da decla...

Tigari din afara UE
 Maitre Gims - Est-ce que tu m'...

Solutii incalzire portabile

Tot ce era alb este roz acum,de ce?

Windows 11 + hdd vechi
 Scara lemn pe vanguri

Ce telefon sa-mi iau?

Cum circula banii intr-o economie...

ortoped foisor contact-ruptura LIA
 Gingia creste peste masea

Comutatoare si RCCB 18 mm

Despre setarile OBS Studio !

Cum reacționezi ca tata cand...
 

Animatie css imagine din stanga in dreapta

- - - - -
  • Please log in to reply
3 replies to this topic

#1
bunicu9

bunicu9

    Member

  • Grup: Members
  • Posts: 247
  • Înscris: 14.07.2013
Am o imagine cu un sarpe si vreau sa se plimbe din stanga in dreapta in css

Am facut asta dar imi mareste dimensiunea paginii in dreapta cu aprox. 10%
<!DOCTYPE html>
<html>
<head>
<style>
.snake {
  width: 150px;
  height: 150px;
  position: relative;
  animation: mymove 6s infinite;
  animation-timing-function: linear;
}
@keyframes mymove {
  from {left: -100px;}
  to {left: 100%;}
}
</style>
</head>
<body>

<div class="snake">
<img src="https://cdn.pixabay.com/photo/2013/07/12/12/15/snake-145409_960_720.png" class="img-fluid" alt="Responsive image" height="60px">
</div>

Daca as pune position: fixed; as rezolva problema dar m-ar urmari peste tot.
Ce as putea face?

#2
Bogdan__26

Bogdan__26

    Junior Member

  • Grup: Junior Members
  • Posts: 39
  • Înscris: 26.01.2016
Pune la body overflow-x: hidden;

#3
bunicu9

bunicu9

    Member

  • Grup: Members
  • Posts: 247
  • Înscris: 14.07.2013

View PostBogdan__26, on 03 decembrie 2020 - 22:27, said:

Pune la body overflow-x: hidden;
Pe pc functioneaza in orice rezolutie dar pe telefon tot asa face

#4
coniac

coniac

    Member

  • Grup: Members
  • Posts: 497
  • Înscris: 17.12.2019
to {left: calc(100% - 150px);}
scazi width of snake

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate