1234567B bunu yazdı css ve js ile yapacaksın dostum Peki hocam kodlari nasil yapicam yani kodlar olsa ben gomerim ama yok yani kodlari netten baktim ben bulamadim :/ kardeşim bu yüzden bunun adı performans devi biraz araştır ilerde meslek olarak yapacağın şeye bukadar ilgisiz olma. bir kare için rnek yaptım bak sana ordan devam et https://goo.gl/ZNOmXX kodlar: <! DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery. min. js"></script> <script type="text/javascript"> $ . ready(function { $ . click(function { $ . animate( , 1500 ); }); }); </script> <style type="text/css"> . container . square . square:hover </style> </head> <body> <div class="container"> <div class="square">A</div> </div> </body> </html> 1234567B tarafından 23/May/17 22:41 tarihinde düzenlenmiştir arbeit macht frei

Merhaba, kolay gelsin herkese Meslek lisesi okuyorum Bilişim / Web Tasarım ve Programlama 2. dnem Performans devimiz var ve Hocamız tasarım konusunda hassas biri Hareketli animasyonlu tabiri caizse uçan kaçan siteler seviyor tasarım olarak byle bir şey yaptım istediğim"A" ya basıldığı zaman o kutu kayıp sayfanın en üst sol tarafa kayacak ve "İ" basıldığında oda en sağ alta kayacak küp gibi açılacak ortaya içerik koymayı hedefliyorum lakin sorun şu ki nasıl kaydıracağım? css ile mi js ile mi ne yapacağım nasıl yapacağım yardımcı olurmusunuz? Reskam tarafından 23/May/17 22:19 tarihinde düzenlenmiştir Memento Mori

css ve js ile yapacaksın dostum arbeit macht frei

https://jsfiddle.net/h7er4c9o/ Ozgurluk aslinda her istedigini yapabilmek degildir, istemedigini yapmamaktir. // Verdigin degeri gormeyince, gordugun degeri ver!!! // Hayatin herkes icin bir bavulu vardir!!! // Dusmek gerekir bazen hayatta; kalkmayi ogrenebilmek icin

css ve js ile yapacaksın dostum Peki hocam kodlari nasil yapicam yani kodlar olsa ben gomerim ama yok yani kodlari netten baktim ben bulamadim :/ Memento Mori

Buyur hocam hazirladim biseyler index.html <! DOCTYPE html> <html> <head> <title>Ornek</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="style. css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery. min. js"></script> <script src="js. js" type="text/javascript"></script> </head> <body> <div id="box"> <div id="in-box"> <div class="row"> <div class="column"> <div class="btn to-right to-bottom btnLeftTop">1</div> </div> <div class="column"> <div class="btn to-left to-bottom btnRightTop">2</div> </div> </div> <div class="row"> <div class="column"> <div class="btn to-right to-top btnLeftBottom">3</div> </div> <div class="column"> <div class="btn to-left to-top btnRightBottom">4</div> </div> </div> </div> </div> </body> </html> js. js $ . ready(function { $ . click(function { $ . animate( , 1000 ); }); }); $ . ready(function { $ . click(function { $ . animate( , 1000 ); }); }); $ . ready(function { $ . click(function { $ . animate( , 1000 ); }); }); $ . ready(function { $ . click(function { $ . animate( , 1000 ); }); }); CSS #box #in-box . row . column . btn . to-right . to-left . to-top . to-bottom Ozgurluk aslinda her istedigini yapabilmek degildir, istemedigini yapmamaktir. // Verdigin degeri gormeyince, gordugun degeri ver!!! // Hayatin herkes icin bir bavulu vardir!!! // Dusmek gerekir bazen hayatta; kalkmayi ogrenebilmek icin