阴影box-shadow:<length><length><length>||color;<style type="text/css"> div{ -webkit-box-shadow:3px 4px 2px #000; &n
原创
2016-12-14 17:21:05
403阅读
本文将介绍如何使用Trigger.io创建原生的顶部栏、标签栏、以及HTML/CSS/JavaScript的混合型移动应用程序。以后我们将添加更多的原生UI组件到Trigger.io,但现在你只需要使用web技术就可以在IOS和Android上创建漂亮而流畅的移动应用。这是一个简单的菜谱应用程序的屏幕截图,我们使用Trigger.io提供的原生UI组件,我们将向你展示该应用程序是如何构建的:配置T
转载
2024-01-22 17:43:37
129阅读
移动端开发适配2种方案总结针对移动端适配的方案~一: 第一种方案是:所有的单位使用rem来适配;首先在页面上设置html的font-size的大小;如下我项目中的设置:html { font-size: 100px; }
@media(min-width: 320px) { html { font-size: 100px; } }
@media(min-width: 360px) { html {
转载
2024-02-26 19:25:45
114阅读
增强的选择器1属性选择器完全匹配选择器<div id="article">测试完全匹配属性选择器</div><style type="text/css"> [id=article]{color:red;}</style>包含匹配选择器<div id="article">测试包含匹配选择器<
原创
2016-12-14 16:53:03
1608阅读
css3 transform做动画第一种用关键帧 这里就不说了 就说第二种方法用 transition属性 ps:1jquery anim不支持transform动画 但css还是支。 2 css3关键帧就是不能动态修改关键帧属性 所以采用这个。 <pre> <img class="p1_wz1"s
转载
2019-11-15 09:34:00
431阅读
2评论
学习笔记float:float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄。注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止。具体应用如下:ht
原创
2013-08-28 16:15:40
471阅读
Document
转载
2017-12-01 13:48:00
762阅读
2评论
今天想做一个背景渐变效果,不用背景图片,开始走了好多弯路,终于找到了解决问题的办法,希望大家以后不要再走这些弯路。 开始我是这样做的
原创
2022-07-11 10:35:04
541阅读
css3自定义移动端滚动条<pre>/*定义滚动条宽 高度是根据内容设置的高度决定的*/::-webkit-scrollbar{ width: 5px;} /*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0
转载
2019-11-14 13:01:00
236阅读
2评论
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
public class MovePic extends KeyAdapter{
JFrame jf
转载
2023-06-27 16:34:45
88阅读
制作过程中问题总结:1、对于body特殊设置解释body {
width: 100%;
margin: 0 auto;
min-width: 320px;
max-width: 640px;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'He
转载
2023-07-24 20:59:14
315阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
移动Web界面样式-CSS3
CSS3
CSS2.1发布至今已经有7年的历史,在这7年里,互联网的发展已经发生了翻天覆地的变化。CSS2.1有时候难以满足快速提高性能、提升用户体验的Web应用的需求。CSS3标准的出现就是增强CSS2.1的功能,减少图片的使用次数以及解决HTML页面上的特殊效果。
在HTML5逐渐成为IT界最热门话题的同时,CSS3也开始慢慢地普及起来。目前,很多浏览器都开
原创
2012-05-23 16:16:22
365阅读
1.在需要移动的对象上加上a标签,并定义CSS 2、定义CSS
原创
2021-08-10 11:45:41
765阅读
最近在写一个
移动工具类应用。需要支持离线功能,所以本地需要一份
数据库的拷贝,这样就涉及到移动端和服务器端数据库的同步问题。
在设计时我要满足以下几个需求:
1. 同步时双向传输数据最小化。双向即,服务器端更新同步到移动端,和移动端更新同步到服务器。每次只传输两端差异数据。
2. 支持离线。支持离线本身是一
转载
2024-09-11 12:43:51
38阅读
CSS优化1、转换 1、什么是转换 转换即改变元素的一些状态,大小、位置、形状 可以是2d转换,也可以是3d的转换 2d : 使元素在 x轴和 y轴上发生变化 3d :2d基础上增加了 z轴的变化 2、转换属性 CSS3转换属性: transform : none / transform-function; none:不转换,默认值 tra
转载
2023-07-31 23:50:04
274阅读
想做一个图片墙的那种的,就是好多图片一点击就可以放大,缓慢放大那种,首先想到用css3实现,因为足够简单。这里因为动画要缓慢变大,所以要用到过渡属性transition
原创
2022-07-11 10:34:56
1013阅读
前提知识:1、能够独立根据设计稿进行整套项目的需求、剖析及其开发;2、对项目开发流程需要有一个基本的了解;3、可以灵活运用切图、重构、前端的知识对项目进行灵活控制。 开发步骤之需求分析:1、确定项目主题,确定表现的形式;2、设计稿图层分析,多页视觉放到一个网页文档,采取视觉差特效完成分页展示;3、音乐不跟随翻页,位置固定,播放旋转,可暂停。 开发步骤之技术分析:1、移动端项目,
转载
2023-07-22 16:07:45
76阅读
Flask搭建后台前端篇:Vue2.0搭建PC前端项目线上地址:项目访问链接,账号:admin 密码:admin
今天讲述搭建全栈系统里面的移动端。本文讲述用Vue2.0 + mint-ui创建一个移动端APP,这属于全栈系统中的移动端,项目包含以下内容:入口页面:定义登录页面和路由跳转 登录页面:实现系统登录功能 业务页面:写了两个业务页面1.> three.js加载gltf格式3D模
转载
2023-07-14 13:42:31
141阅读
left移动的距离,要和item的宽度保持一致,才可以实现无缝左右滚动。。。
转载
2019-01-24 12:30:00
771阅读
2评论