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

murni css3 heart..
Mantap..
nice info, Gan.. di tunggu kunjungan balik yaa..!
engga rumit, Hari sayang.. percayalah.
**kunjungan balik juga ya Genk..^_^
Bundo… keman saja dirimu?
Blognya kok ditutup?
cinta itu rumit jika tak dimengerti, mudah jika kiat memahami
Dibikin rumit bisa, dibikin sederhana juga bisa…
Tergantung kitalah.
saya ngikut cara simpelnya deh, pake photoshop….
Pastinya aku nggak akan mengerti cinta, apalagi yang pake html
rumit, ngejelimet dan ngeselin hahahahaa
Kl pakai coding rasanya memang rumit nih
baru nemu cinta pake photoshop bukannya pake hati….
*maksudnya….
Mantap bikin heart pake CSS3
Salam kenal mas, terus nerkarya ya
datang lagi menebar cinta
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
Untuk dapat yang keren mesti njlimet bin susah, rumit yah
[...] Hari Mulya [...]
[...] Hari Mulya [...]
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!
Ane belum ngerti Gan…
Kalau CSS nya serumit itu, lebih mudah kalau digambar pakai tulisan tangan saja
.
yang rumit itu tak selalu cinta..
Masih rumit juga??
Wah belum update lagi … update yukkk .. heee ….
masih lum ngerti dh,ko pke html….heheee
Kirain curhat ngebahas cinta
gak taunya cinta ala geek komputer
Masih bingun coding html yang bagaimana agar bisa dicintai html validator he…he…
cinta itu tidak rumit de..
tapi kalu mbuat gambar seperti itu baru rumit heuheu…
membuat tak suka,membuat gembira, bukan maksud membuat berfikir …. itulah cinta
menyanyangi hingga matahari tak terbit lagi …. itu cinta sesungguhnya