Hari Mulya

Your Left Brain Can Analyze It, While Your Right Brain Lets You Feel It.

"cinta bukan sekedar kata-kata indah..
cinta bukan sekedar buaian belaian peraduan…"

Saya setuju dengan Ahmad Dhani, cinta tak semudah itu, cinta itu rumit, tapi tak mustahiL. Bukan hanya di dunia nyata, cinta di dunia HTML CSS pun (kayaknya) begitu.

Bayangpun, demi membuat gambar “cinta” seperti itu, kodenya bisa banyak dan beragam. Beda sekaLi jika kita membuat “cinta” dengan Photoshop dan sejenisnya, beberapa kaLi kLik sudah jadi.

[css]#cinta {
position: relative;
width: 300px;
height: 270px;
left:140px;
}
#cinta:before, #heart:after {
position: absolute;
content: "";
left: 150px;
top: 20px;
width: 150px;
height: 240px;
background: red;
-moz-border-radius: 150px 150px 0 0;
border-radius: 150px 150px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#cinta:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin :100% 100%;
}[/css]

Note : Demi merayakan meramaikan Valentine, seLamat berkasih sayang buat semua sahabat. Jangan lupa, berikan ciuman terdahsyat buat orang yang kita sayangi. Kata orang-orang, kasih sayang tak hanya di hari Valentine, tapi bisa tiap hari. Tapi bagi saya, kasih sayang bisa tiap detik :D .

31 Responses so far.

  1. murni css3 heart..
    Mantap..

    hampir mirip..
    bedanya yang di sini pake :before :after
    *tahu dah ada gitu ga usah susah2 nyari

  2. nDuk says:

    nice info, Gan.. di tunggu kunjungan balik yaa..!

    your comment is awaiting moderation..
    sunduL gan…

  3. eMak says:

    engga rumit, Hari sayang.. percayalah.

    **kunjungan balik juga ya Genk..^_^

    mau kunjungan baLik kemana coba?
    makanya, ndang buat bLog lagi…

  4. mamah Aline says:

    cinta itu rumit jika tak dimengerti, mudah jika kiat memahami ;-)

  5. marsudiyanto says:

    Dibikin rumit bisa, dibikin sederhana juga bisa…
    Tergantung kitalah.

  6. Irawan says:

    saya ngikut cara simpelnya deh, pake photoshop….

  7. Kakaakin says:

    Pastinya aku nggak akan mengerti cinta, apalagi yang pake html :D

  8. Mey says:

    rumit, ngejelimet dan ngeselin hahahahaa

  9. kips says:

    Kl pakai coding rasanya memang rumit nih :-D

  10. baru nemu cinta pake photoshop bukannya pake hati….
    *maksudnya….

  11. P.O.S says:

    Mantap bikin heart pake CSS3 :) Salam kenal mas, terus nerkarya ya

  12. jumialely says:

    datang lagi menebar cinta

  13. Alris says:

    ;-) memang rumit kalo cinta yang itu sih. Tapi bener, kalo udah paham mengerti, kok gampang ya.

  14. Alwi says:

    Sesuatu yang keren bagus dll memang harus ada perjuangannya, usaha dll walau terkadang penuh lika liku (njlimet) seperti Cinta dan CSS3, dan manakala kita bisa melewati yg njlimet2 tadi maka hasilnya keren, indah dan terkadang bisa memmbuat orang lain kagum, punya apresiasi, tapi terkadang ada yg tidak melihat di balik itu alias hanya melihat apa yg sudah jadi tanpa mau memahami arti yg sebenarnya, njlimetnya (coding dll) heee …

    Terus ditunggu dari hasil yg njlimet2 karena hasilnya keren dan mantab

  15. mas-tony says:

    Untuk dapat yang keren mesti njlimet bin susah, rumit yah

  16. erywijaya says:

    :mrgreen: Klo saia mah tinggal copy paste aja :D

  17. Bacaanmu says:

    mas, saya mau sampaikan kalau saya sudah pasang link website ini pada blog saya http://bacaanmu.blogspot.com/ dan silahkan di check pada kanan bawah pada kolom multi content dan pilih blogroll.

    Setelah itu saya mohon untuk memasang link saya dengan nama “Bacaanmu” dengan link tujuan http://bacaanmu.blogspot.com/

    Sekian dari saya, saya tunggu konfirmasinya..
    terima kasih!

  18. zee says:

    Kalau CSS nya serumit itu, lebih mudah kalau digambar pakai tulisan tangan saja :) .

  19. Sukadi says:

    yang rumit itu tak selalu cinta.. :D

  20. Kakaakin says:

    Masih rumit juga?? :roll:

  21. Alwi says:

    Wah belum update lagi … update yukkk .. heee ….

  22. rumah dijual says:

    masih lum ngerti dh,ko pke html….heheee :roll: :roll:

  23. Mas boi says:

    Kirain curhat ngebahas cinta :lol: gak taunya cinta ala geek komputer :mrgreen:

  24. ESC Creation says:

    Masih bingun coding html yang bagaimana agar bisa dicintai html validator he…he…

  25. wi3nd says:

    cinta itu tidak rumit de..

    tapi kalu mbuat gambar seperti itu baru rumit heuheu…

  26. membuat tak suka,membuat gembira, bukan maksud membuat berfikir …. itulah cinta

  27. menyanyangi hingga matahari tak terbit lagi …. itu cinta sesungguhnya

Leave a Reply