WordPress Modified Comments The head is circular and rotate the method

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Use WordPress Blog After we often need to make a variety of themes to achieve their desired effect, the following rabbit to share with everyone under the blog comments using CSS to circle the head and create a circle of rotation painting.

Find the style.css of your topic, and add the following code at the bottom. (IE browser does not support rotation)

. avatar{

/* Set round/*

border-radius:60px;

-webkit-border-radius:60px;

-moz-border-radius:60px;

Box-shadow:inset 0-1px 0 #3333sf;

-webkit-box-shadow:inset 0-1px 0 #3333sf;

Transition:transform 0.5s ease-out;

-webkit-transition:0.5s ease-out;

-moz-transition:-moz-transform 0.5s ease-out;

. avatar:hover{

/* Rotary Animation/*

box-shadow:0 0 10px #fff; Rgba (255,255,255,.6), inset 0 0 20px Rgba (255,255,255,1);

-webkit-box-shadow:0 0 10px #fff; Rgba (255,255,255,.6), inset 0 0 20px Rgba (255,255,255,1);

Transform:rotatez (360DEG);

-webkit-transform:rotatez (360DEG);

-moz-transform:rotatez (360deg);}

Save, refresh, the effect came out.

The above content is sorted by Rabbit blog, welcome reprint.

Original link: http://www.lyz.me/wordpress-avatar.html