Hari Mulya

Your Left Brain Can Analyze It While Your Right Brain Let You Feel It

How It Works 

Cinta Itu Rumit

Hari Mulya 31 Comments , ,

"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”

  • Hendro Prayitno
    14 February 2011 at 09:44
    Permalink

    murni css3 heart..
    Mantap..

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

    Reply
  • nDuk
    14 February 2011 at 09:54
    Permalink

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

    your comment is awaiting moderation..
    sunduL gan…

    Reply
  • eMak
    14 February 2011 at 10:05
    Permalink

    engga rumit, Hari sayang.. percayalah.

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

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

    Reply
    • zee
      11 March 2011 at 08:03
      Permalink

      Bundo… keman saja dirimu?
      Blognya kok ditutup?

      Reply
  • Kakaakin
    16 February 2011 at 08:19
    Permalink

    Pastinya aku nggak akan mengerti cinta, apalagi yang pake html 😀

    Reply
  • Mey
    16 February 2011 at 15:51
    Permalink

    rumit, ngejelimet dan ngeselin hahahahaa

    Reply
  • kips
    19 February 2011 at 13:05
    Permalink

    Kl pakai coding rasanya memang rumit nih 😀

    Reply

Leave a Reply