css使用transform设计常用形状

淡淡的烟草味﹌ 2023-05-22 04:59 45阅读 0赞

<view class='input_back' catchtap='hidePayLayer'><text></text><text></text></view>

.input_back {
      position: absolute;
      left: 0;
      top: 0;
      width: 80rpx;
      height: 90rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .input_back text:nth-child(2) {
      width: 15rpx;
      height: 15rpx;
      background-color: white;
      border: 1rpx solid #aaa;
      border-width: 3rpx 0 0 3rpx;
      transform: rotate(-45deg);
    }
    .input_back text:nth-child(1) {
      width: 15rpx;
      height: 15rpx;
      background-color: white;
      border: 1rpx solid #aaa;
      border-width: 3rpx 0 0 3rpx;
      transform: rotate(135deg);
      margin-right: 5rpx;
    }

效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNTQzMjY0_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNTQzMjY0_size_16_color_FFFFFF_t_70]: /images/20230521/ab098a700368473fa264fb2dbb1d4945.png

发表评论取消回复

表情：

评论列表（有 0 条评论，45人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flink：算子Transformation常用API

DataStream和DataSet的用法一样 // DataStream StreamExecutionEnvironment env = Stream

阳光穿透心脏的1/2处/ 2024年03月23日 10:34/ 0 赞/ 142 阅读

相关 CSS--transform(转换)--使用/教程/实例

原文网址：[CSS--transform(转换)--使用/教程/实例\_IT利刃出鞘的博客-CSDN博客][CSS--transform_--_IT_-CSDN] 简介

墨蓝/ 2023年10月01日 10:40/ 0 赞/ 79 阅读

相关使用css开发常用形状

1，正方形 .zhengfangxing{ width:200px; height: 200px;

清疚/ 2023年06月16日 13:59/ 0 赞/ 49 阅读

相关 css使用transform设计常用形状

<view class='input_back' catchtap='hidePayLayer'><text></text><text></text></view>

淡淡的烟草味﹌/ 2023年05月22日 04:59/ 0 赞/ 46 阅读

相关再思考：CNN学习纹理、Transformer学习形状？

点击上方“机器学习与生成对抗网络”，关注星标获取有趣、好玩的前沿干货！梦晨水木番发自凹非寺量子位报道 | 公众号 QbitAI 这是你眼里的一只猫：

梦里梦外;/ 2022年09月01日 11:55/ 0 赞/ 117 阅读

相关 CSS3 Transform

[Transform][]字面上就是变形，改变的意思。在[CSS3][]中[transform][Transform]主要包括以下几种：旋转rotate、扭曲skew、缩放sc

电玩女神/ 2022年08月07日 08:49/ 0 赞/ 283 阅读

相关 DataStage_Transformer常用函数

Date$Time <table style="margin-left:-3.6pt;"> <tbody> <tr> <td style="vertical

￡神魔★判官ぃ/ 2022年04月22日 14:34/ 0 赞/ 276 阅读

相关 CSS 绘制各种形状

使用 CSS 可以绘制出许多形状，比如三角形、梯形、圆形、椭圆，等并不只是可以绘制矩形。下面来看看怎么实现这些形状的吧。为了容易理解，文章分为基本形状和组合形状来说

骑猪看日落/ 2022年02月19日 01:01/ 0 赞/ 473 阅读

相关 CSS3 transform

最初这个效果是在[Playnext.cn][]看到的，感觉挺好玩，今天就跟大家分享一下，用CSS3怎么来实现这个效果。先来看下我做的demo [Hello 二货][Hello

谁借莪１个温暖的怀抱￠/ 2021年12月12日 02:37/ 0 赞/ 431 阅读

相关 CSS transform-origin使用

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" />

╰+攻爆jí腚メ/ 2021年07月04日 21:55/ 0 赞/ 352 阅读