Css Html Html5 PhpGD2 herhangi biriyle konuda açıkladığım olayı yapabilecek efsane koder??

Merhaba arkadaşlar. Buraya konu açmadan önce bu dediğimi yabancı forum ve soru yerlerine yazdım fakat bi türlü çözüm gelemedi. Son çare r10a yazıp sorayım dedim. Yapmak istediğim olay 2 farklı resim düşünün. Sayfayı sol alt köşeden sağ üst köşeye bölün. 1. resmin sol üst köşesi sol üstte. 2. resimin sağ alt köşesi sağ altta olacak şekilde bir görünüm istiyorum. Örnek vermek gerekirse.


Ben border kullandım istedğim görüntüyü tekil olarak elde ettim. Yani resimin üst köşe gözüküyor fakat alt tarafı siyah oluyor transparan deyincede resimin diğer kısmı gözüküyor komple resim gözüküyor çünkü background olarak resimleri kullandım. Border-image olarak kullanıncada arkadaki gözükmüyor. div z-index falan biçok yöntem denedim bi türlü beceremedim. Yapabilen olursa şimdiden çok teşekkürler.

Birde mouse üzerine gelince biri sağ alt çapraza diğeri sol üst çapraza kaysın ikisi açılınca başka bir resim görünsün. Benden önce biri yaparsa şansın iyi gider.

Hocam bu olayı yaptım kısa bir özet geçeyim php gd2 kütüphanesiyle ilk resimi çapraz oalrak böldüm sol taraf transparan yeni bi resim oalrak kaydettim. Daha sonra ise bunu css mask z-index kullanarak ilk tüm olan resimin üstüne koydum. istediğim görüntüye ulaştım. Fakat siz mouse üzerine gelince çaprazlar kaysın altından diğer resim çıksın demişssiniz. O fikirde güzel geldi yapabilirsem yine burdan açıklarım

Resimleri keserek dediğin gibi yapılabiliyor. Sadece css yoluyla bunu yapmak istedim ama yapamadım. Muhtemelen bir yolu vardır ama biraz araştırma yapmak şart bu konuda. Resimlerin kesilmeden direk html içine kaydedilmesi herkes için daha kolay olurdu diye ben bu türbirşey yapmak istedim. Css rotate kullanarak yapılabilir ilkinde bunu denedim. Köşeleri tutturmak biraz zahmetli oldu. Rotate yapınca sadece çapraz kısım çerçeve içinde görünecekti. Sağ tarafta çapraz bir div ve sol tarafta da çapraz duran bir div olursa istediğin görüntü ortaya çıkabilir. Muhtemelen div ile beraber resim de dönecek o zamnda resim için ayrı rotate değeri atanması gerek. Anlayacağın köşeleri tam tutturmakbiraz zahmetli gibi görünüyor. Birde tarayıcı uyumsuzluk çıkarırsa düşüncesi de aklımdan geçince hepten vazgeçtim. Şurada bahsettiğin gibi bir tane yapmaya çalıştım ama yeşil ve sarı renkli alanlar border ile yapıldığı için resim eklense dahi overflow:hidden işe yaramıyor ayrıca border renginden dolayı resim de görünmüyor. O yüzden sadece sağ sol diye yazı ekledim içine.