htmlayout设计ui 基础篇:[10]rotate的使用

2024-10-25 11:23:21

1、第一,我们来看看,今天要做的效果,也就是最后的文字横版,和文字竖版(对齐功能的前面2个图显示)

htmlayout设计ui 基础篇:[10]rotate的使用

4、第四,有几种方式:1、你可以直接画成图片来实现2、现在sciter中提供了一种文字,如下图:fontawesome-webfont.ttf

htmlayout设计ui 基础篇:[10]rotate的使用htmlayout设计ui 基础篇:[10]rotate的使用

7、第七,接下来就是下一个效果了,我们只需要用rotate做下角度旋转就可以了你可以了解到,需要右旋转90度就可以实现你要的效果了代码如下:<button style="transform:rotate(90deg);">......</button>效果就出来了~

htmlayout设计ui 基础篇:[10]rotate的使用
猜你喜欢