您可以使用extra_attr
输入参数以向gravatar的图像标记添加额外参数:
<?php echo get_avatar(
ThemexUser::$data[\'user\'][\'ID\'],
200, // size
\'\', // default
\'\', // alt
[ \'extra_attr\' => \'clip-path="url(#myClip)"\' ] // args
); ?>
但请注意,这是不可逃避的。
您还可以添加,例如。class="hexagon"
使用:
<?php echo get_avatar(
ThemexUser::$data[\'user\'][\'ID\'],
200, // size
\'\', // default
\'\', // alt
[ \'class\' => \'hexagon\'] // args
); ?>
便于在以下情况下使用:
.hexagon {
-webkit-clip-path: polygon(
50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
);
-moz-clip-path: polygon(
50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
);
-ms-clip-path: polygon(
50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
);
clip-path: polygon(
50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
);
}
其中六边形定义基于
this 代码笔。
ps:我忍不住检查了六边形夹路径中的雕刻器;-)