19/02/17

Trik Terbaru Manipulasi Foto Dengan CSS3

Trik Terbaru Manipulasi Foto Dengan CSS3 - Pemrograman web kian hari kian meningkat kualitasnya. Semakin banyak Trik dan tutorial yang membahas tentang trik terbaru manipulasi foto dengan CSS3. Dengan adanya teknologi terbaru dari CSS, semakin mempermudah developer web dalam pengerjaan dan design.

Padahal untuk bisa memanipulasi foto tidak harus menggunakan software mahal seperti Adobe Photoshop, cukup dengan CSS3 saja maka Anda sudah bisa memanipulasi foto Anda menjadi lebih menarik dengan memberikan berbagai efek.

Benar sekali, CSS3 bisa untuk memanipulasi foto, Anda tidak salah dengar kok.

Trik Terbaru Manipulasi Foto Dengan CSS3

Trik Terbaru Manipulasi Foto Dengan CSS3
Trik Terbaru Manipulasi Foto Dengan CSS3

CSS3 sekarang memang tidak sama dengan CSS3 beberapa tahun lalu, CSS3 kini lebih powerful, CSS3 memiliki banyak fitur yang jika dipergunakan dengan baik maka bisa untuk memanipulasi foto.

CSS3 memiliki berbagai fitur yang memungkinkan hal tersebut (memanipulasi foto), diantaranya adalah:

Filter, blend, modes, gradients, box-shadow, stoke, rotation, dan lain sebagainya.

Fitur-fitur tersebut membuat tampilan gambar di browser menjadi lebih menarik, tidak perlu lagi menggunakan aplikasi pengolah foto seperti Photoshop jika ingin sekadar memberi efek overlay, multiply, screen, color-dodge, lighten, hue, saturation, gradients dll.

Efek-efek yang biasa kita temukan di Photoshop kini bisa kita lakukan hanya dengan CSS, dan seketika browser akan menampilkan hasilnya.

Berikut sebuah video dari Una Kravets yang berjudul Editing Images di CSS3 yang dia paparkan pada seminar dotCSS 2015 lalu.

Mari kita simak bersama-sama videonya:


Super sekali bukan. Untuk penerapannya anda bisa coba membaca artikel

Membuat Effect Box Circle untuk Gambar Banner dengan CSS3.

Artikel Terkait

Trik Terbaru Manipulasi Foto Dengan CSS3
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

2 comments

Anonim
20 Februari 2017 16.50 delete

Mantap... ternyata CSS3 banyak fiturnya ya...

Reply
avatar
11 Agustus 2017 11.45 delete

Sekarang sudah semakin maju...

Reply
avatar

BERIKAN KOMENTAR TERBAIK ANDA

Catatan:
Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Dilarang memasukkan link aktif...!!! link aktif secara otomatis akan terhapus dari komentar.