box-shadow: none | inset(可选值,不设置,为外投影,设置,为内投影) x-offset(阴影水平,正值,则阴影在对象的右边,负值,阴影在对象的左边。
原创
2023-05-20 07:47:22
149阅读
1、html <div class="loginbody"> <div class="border_corner border_corner_left_top"></div> <div class="border_corner border_corner_right_top"></div> <div ...
转载
2021-10-14 11:48:00
2355阅读
2评论
一、Css3 实现扇形 实现原理说明 使用transform skew 扭曲实现扇形角度,使用rotate宣传,实现多角度。 原理图: 二、Css3 实现六角扇形 实现案例 css代码: .circleBlock { width: 200px; height: 200px; border: 1px
转载
2020-10-19 17:43:00
1592阅读
2评论
python基础---字符编码 一、了解字符编码 1. 文本编辑器存取文件的原理(nodepad++,pycharm,word) 打开编辑器就打开了启动了一个进程,是在内存中的,所以在编辑器编写的内容也都是存放与内存中的,断电后数据丢失 因而需要保存到硬盘上,点击保存按钮,就从内存中把数据刷到了硬盘
CSS3圆角边框实例:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS3圆角边框</title>
<style>
div{
text-align:center;
border:2px 
原创
2015-10-15 14:25:33
786阅读
div+css3普通圆角代码示例<style type="text/css"> #round { width:200px; height:100px; margin:0px auto; border: 5px solid #000; border-radius:15px; } </style> <div id="round"></div> 以上代码可直接复制到HTML文件中运行。 运行后的效果图 div+css3普通无边框圆角代码示例 <style type="text/css"&
转载
2013-06-20 19:58:00
196阅读
2评论
效果:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title
原创
2022-10-28 08:45:45
857阅读
# Android 四个角设置弧形的实现指南
作为一名经验丰富的开发者,我很高兴能够帮助刚入行的小白们解决实际问题。今天,我们将一起学习如何在Android应用中实现四个角设置为弧形的效果。这不仅能够提升应用的美观度,还能给用户带来更好的视觉体验。
## 流程概览
首先,让我们通过一个流程图来了解实现这一效果的整个流程:
```mermaid
flowchart TD
A[开始]
原创
2024-07-22 07:27:18
160阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
border-radius圆角圆形,border-radius制作圆角有两点技巧。-元素的宽度和高度相同。-圆角的半径值为元素宽度或宽度的一半或者直接设置圆角半径值为50%。2.半圆,border-radius制作半圆与制作圆形的方法是一样的,只是元素的宽度与圆角方位要配合一致,不同的宽度和高度比例,以及圆角方位,可以制作上半圆、下半圆、左半圆和右半圆效果。扇形,border-radius制作扇形
原创
2018-10-03 13:11:47
1268阅读
九、转换1、2D转换transform:用来设置2D或3D转换转换可以实现元素的位移、旋转、变形、缩放,甚至支持矩阵方式①移动translate(x,y)改变元素的位置,相对原来的位置的变化,如果为百分比则是相对于盒子的大小;translate3d(x,y,z)3d空间的位置移动②缩放scale(x,y)水平和垂直方向的缩放,x、y的取值可为小数,如果只有一个参数即缩放的倍数;③旋转rotate(
原创
2018-01-26 10:49:30
685阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值,
原创
2020-07-15 09:25:54
791阅读
CSS3动画序列(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
CSS3过渡效果(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
CSS3实现三角形实例:<!DOCTYPE html>
<html>
<head>
<!--声明当前页面的编码格式 UTF-8(国际编码)gbk(中文简体)-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
原创
2015-10-15 10:50:40
629阅读
CSS3圆角 设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px; 同时分别设置四个角: border-radius:30px 60px 120px 150px; 设置四个圆角相同:border-radius:50%; CSS3阴影 box-s
原创
2021-08-05 17:28:57
273阅读