效果图：源代码：<!DOCTYPE html><html lang="en"><head>
原创
2022-11-18 19:06:42
378阅读
原来一直使用QQ直接登录的博客，今天绑定了一下邮箱，原来的博客全没了，只好把原来备份的博文重新发了一下，还好只有两篇~ 昨天把css3实现翻书样式的效果实现了大半，今天将其主体的样式全部实现了，下面将进行说明： &n
转载
2023-09-04 11:38:30
241阅读
Scene View Control Bar场景视图控制栏The Scene View control bar lets you choose various options for viewing the scene and also control whether lighting and audio are enabled. These controls only affect the sc
转载
2024-10-14 14:15:12
58阅读
在学习了iOS7新出的Text Kit的基础知识后，开始着手编写基于Text Kit的电子书阅读器程序。首先是搭建程序的基本结构：RootView（导航视图）——BookListView（书本目录表视图）——ReadingView（阅读视图）——URLInteractionView（网页浏览视图）。其中ReadingView是核心视图，几乎所有的阅读都在该页面中展开。目前有很多电子书阅读器应用，大
转载
2023-11-27 09:32:05
367阅读
我们有时候想在页面显示一个公告或用户提示信息。
一个经常使用设计是使用书签形状。
我们能够给书签加入卷角效果。以使其更为逼真。所谓的“卷角”实际上能够用小角度倾斜的阴影效果来模拟。
用CSS3的伪元素实现这个效果非常easy。
先给出一个实例。我们在WOW网站页面左边栏实现了例如以下的效果（红框内）：
我们再来看看详细实现。
首先创建一个div元素容纳文本信息（能够包括很多其它元素）
转载
2017-08-06 10:28:00
820阅读
2评论
unity 制作书籍翻页效果unity C# 翻书效果 2D 真实翻页 不使用插件 自制 实现思路：将书本分为两边，一边一个翻页实现； 下图为书本的右面，以OA为分界线，△OAB是下一面的如上图的左下角，△OAC是下一面的如上图的右下角； 利用unity的mask可以实现，也就是，假设这一页是1(左边那一页是0)，需要有一个对象作为底面显示3，一个对象被mask遮住显
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
像手腕上散发的香水味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="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
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阅读
[url]http://www.w3chtml.com/css3/[/url]
原创
2023-05-22 16:47:35
88阅读
css3其实现在的浏览器已经支持得很好了，并且有些属性，原来我之前已经不经意使用过，只是不知道那就是CSS3而已。CSS3跟CSS2相比较，有哪些重大的变化或亮点？一、边框1）圆形边框2）阴影边框3）使用图片装饰边框二、背景1）背景图片可调整大小2）多重背景图片3）背景图片可精确定位在某个区域，CS...
转载
2014-01-17 23:14:00
196阅读
2评论
CSS3属性calc函数（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="\
原创
2022-10-20 10:06:01
223阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
原创
2013-05-16 17:48:57
580阅读
transform让背景图标旋转360度 a b {display: inline-block;width: 14px;height: 14px;background: url(/img/button_img.png) -1px -1px no-repeat; a:hover b {-moz-tra
转载
2016-07-14 11:20:00
208阅读
消除疑问：CSS动画 VS JavaScriptCSS3实现四叶草、水母与玻璃瓶令人难以置信的纯CSS3图标和LogoCSS3 2D Transform 详细讲解理解CSS3 transform中的Matrix(矩阵)Web排版的缩放
转载
2012-05-28 12:50:00
1295阅读
2评论
CSS 消除transition闪屏- .css { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } 过渡动画（在没有启动硬件加速的情况下）
转载
2020-06-04 08:41:00
285阅读
2评论
Web前端实验室http://demo.doyoe.com/::before ::afterCSS3已经将伪元素的前缀更改为双冒号，而伪类则保持为单冒号backface-visibilityhttp://ecd.tencent.com/css3/html/animation/backface-vis...
转载
2013-10-22 17:59:00
316阅读
2评论
