Cinta Itu Rumit

"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 thoughts on “Cinta Itu Rumit

  • 11 March 2011 at 08:04
    Permalink

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

    Reply
  • 14 March 2011 at 13:24
    Permalink

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

    Reply
  • 20 March 2011 at 17:37
    Permalink

    Kirain curhat ngebahas cinta ๐Ÿ˜† gak taunya cinta ala geek komputer :mrgreen:

    Reply
  • 7 April 2011 at 12:14
    Permalink

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

    Reply
  • 14 April 2011 at 17:39
    Permalink

    cinta itu tidak rumit de..

    tapi kalu mbuat gambar seperti itu baru rumit heuheu…

    Reply
  • 4 October 2011 at 22:05
    Permalink

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

    Reply

Leave a Reply