html - 一侧有 CSS 平行四边形，里面有图像-6ren

html - 一侧有 CSS 平行四边形，里面有图像

转载作者：可可西里更新时间：2023-11-01 13:30:28

25

4

<分区>

我正在尝试仅使用 CSS(白色表单)制作此表单: enter image description here

但是我的 css 正在制作一个平行四边形，我只想制作一个侧面，它也会使我的图像变形，我只想使容器变形并保留我的图像的原始形式加上我的 css 它不是。

这是我的html

<div class="header__logo">
    <img src="images/logo.jpg" alt="Skihouse">
</div>

还有我的CSS:

.header__logo {
    -webkit-transform: skew(20deg);
       -moz-transform: skew(20deg);
         -o-transform: skew(20deg);
  background: red;
  padding: 1em;
  background-color: #FFF; }

这是关于它如何表现的结果:

enter image description here

希望大家指导我，提前感谢您的宝贵时间!问候!

25

4

0

文章推荐： PHP 扩展遍历数组

文章推荐： java - 如何通过 Eclipse 在 Windows 中为 Java 构建 Protobuf

文章推荐： php - Woocommerce 付款前审核订单

文章推荐： c++ - Windows API 线程池简单示例

c# - foreach 里面 foreach 里面 foreach
在我的应用程序中，我使用 scrape(string url) 方法从网页中抓取链接。可以说它每次都返回我 10 个 url。我想从每个抓取的 url 中抓取 10 个链接。长话短说: (第 1
php - 把 php 放在 javascript 里面，也就是 php 里面
正如标题所说，我需要将 php 放入由 php 回显的 javascript 中例如: if (something) then (some php)') ?> 这不是真正的代码，只是可能有助于理解
javascript - orderBy angularJS 在 ng-switch 里面 ng-repeat 里面？
我有一个 ng-repeat 使用 ng-switch 来分隔 ng-repeat 内部的部分，我想在 ng-switch 组上应用一个 orderby 过滤器，但我似乎无法让它工作:
shell # 里面 (( ))
我是 shell 的新手。我不太了解以下功能。这个函数基本上把小时加1。我想知道为什么开发人员在 $g_current_hour+1 前面放了“10#”。根据我的理解，shell 中的剂量 # 是指
MongoDB $in 里面 $cond
为了在 MongoDB 中对元素进行分组和计数，我已经筋疲力尽了。有很多帖子，但没有一个是我需要的。这是一个基于以下内容的示例: styvane answer db.VIEW_HISTORICO.a
c++ - Cout 里面 while？
int main() { int count = 0; string prev = " "; string current; while (cin>>current)
浅谈SwiftUI 里面$0是什么意思如何用
$0表示传递给swift闭包的第一个参数，是swift语言的语法糖。swift会自动为内联闭包提供速记参数名称，可使用$0，$1，$2等名称来引用闭包参数的值。代码
vba - VB。如果有多个 Or 里面
我想把这个 If 放在宏中，但它总是给我一个错误。我不知道“或”用得是否正确。 Dim SMAT As String SMAT = "blahblahblah" (...) If Ce
JQuery:如何在悬停时设置此样式并删除其他样式？ [JSFiddle 里面]
这是 JSFiddle 链接:https://jsfiddle.net/fmdsu9Lo/ 我想添加一个悬停功能，以便将鼠标悬停在菜单上将在该菜单选项卡上应用 .current 样式，同时将其从当前打
php - 在 SELECT 里面
是否可以在 SQL 中执行类似的操作？ SELECT SUM(jobRequirements.number) as total, SUM(jobRequirements.number WHER
MySQL:WHERE IN 和 JOIN 里面
我有 3 个 SQL 表。游戏 wo_tenis_partidos 选择 wo_tenis_pronosticos 配额 wo_tenis_cuotas_ha2 我需要获取满足两个条件的所有行: 条
php - mysql group_concat 里面 while
我有这张乘客表日期: 这意味着在 Reservation 000004 中，有两个行程，分别是 Itinerary 0000010 (AAC Hangar - Anvaya Cove) 和 00000
Javascript 写在
里面
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。已关闭 9 年前。此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里
javascript - bootstrap Popover 里面
我在模态框内显示一个弹出窗口，我可以在关闭时隐藏它，但在点击模态框外时无法隐藏它。我试着在关闭时隐藏它，这很好。代码在这里 $('.close, .close-button').click(funct
c# - 所有的逻辑应该写在 Controller 里面？
我所在的团队正在使用 MVC 架构开发 C# 程序。当我完成 MVC 教程时，我有一些疑问。请帮我澄清一下这个疑惑。 1) Controller 可以对 View 进行哪些修改？ 2)我认为所有 U
c++ - #if 在#define 里面？
我正坐在一些通过#defines 生成大量代码的遗留代码上。现在我知道在 #define 中不可能有 #ifdef，但是 #if 可能吗？我想为特定类型添加一些特化。 (无需进行重大更改，例如使用模板
mysql - 如果在 concat 里面
这是我试图用来创建触发器的代码: -- Dumping structure for trigger kavanga_lead.click_links_insert DROP TRIGGER IF EX
c - #ifdef 里面#define
我想写这样的东西: #define COV_ON(x) \ #ifdef COVERAGE_TOOL \ _Pragma (CO
c - #ifdef 在#define 里面？
我在这样的定义的帮助下初始化一个结构数组: #define FLAGCODE(name) { #name, MNT_ ## name } struct { const char
jquery - $(this) 里面 $ ('#something' ).css({...})
我尝试将 css 和 jquery 应用于 div 元素，但它不接受 $(this) 参数。我想知道为什么我不能使用 $(this) 作为 div 元素的引用。 blabla.css({ 'top':

首页

博学

6Ren·AI

商城

html - 一侧有 CSS 平行四边形，里面有图像