Re:placement

STUDIO KIKUCHI

Illustrator Yuuki Kikuchi’s Website

HTML5 / CSS3 JavaScript jQuery PHP WordPress responsive
GO TO THIS SITE

Highlights

3D dice

CSS 
transform-style: preserve-3d;
perspective: 400px;

Display images in modal window – Lightbox (jQuery plugin)

PHP 
<?php
if ( has_post_thumbnail() ) {
  $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' );
  echo '<a href="' . $large_image_url[0] . '" data-title="' . the_title_attribute( 'echo=0' ).'<br>' . get_the_content(). '" rel="lightbox" data-lightbox="character">';
  echo get_the_post_thumbnail( $post->ID, 'medium' );
  echo '</a>';
}
?>

Display images in grid layout – Masonry (jQuery plugin)

jQuery 
$(window).on('load', function(){
  $('.illust ul').masonry({
    itemSelector: 'li'
  });
  $('.illust ul').css('opacity', '1');
});