Skip to content

第 4 期(2019-05-11):CSS 菱形剪切 #6

@wingmeng

Description

@wingmeng

来源:原创题
难度:★

使用纯 CSS 将下面的图片进行菱形剪切。

注:图片不允许拉伸、挤压。实现代码越简单越好。

<!-- html -->
<img src="https://fezaoduke.github.io/fe-practice-hard/assets/pics/cartoon.png">
/* css */
img {
  /* 你的代码 */
}

参考效果图:

image


本期优秀回答者: @liwenkang

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions