Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
declaratia 406 sau SAF-T

Control ISCTR/RAR - mici nelamuriri

Dedolarizarea (2023+) șanse ...

CSS suprapunere, de ce nu merge p...
 Ford transit mk7 2.2 diesel 2007

Cutu cu probleme la picioarele di...

Sfat achizitionare placa video

Intelesul unei propozitii -sintaxa
 Investitie cu posibil risc?

De ce oamenii sunt asa de agitați...

Mercedes renunta la multe modele

Invertor Growatt MOD-10KTL3-XH ve...
 Alegere SURSA build nou

Impozit pe actiuni 2023

Combina frigorifica Arctic AK6040...

boxe inchise vs bass reflex
 

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

 Bogdan__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 spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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