阴影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
移动开发适配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">测试包含匹配选择器&lt
原创 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
css
原创 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
制作过程中问题总结: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
不得不爱过渡(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. 支持离线。支持离线本身是一
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评论
  • 1
  • 2
  • 3
  • 4
  • 5