iphone和appweb以及手机网站开发

核心提示：国内对iphone和appweb以及手机网站开简直是太少了，最近总想都来试着做一下，iphone和appweb以及手机网站开发，可惜他们都要在苹果机上才行，也就app web 能在PC机上的safari上运行一下，更重要的还是对用户体验的一些满足;最近用jqtouch做了一个小效果，主要是介绍产品的，safari还直是

国内对iphone和appweb以及手机网站开简直是太少了，最近总想都来试着做一下，可惜他们都要在苹果机上才行，也就app web 能在PC机上的safari上运行一下，safari还直是强，现在的html里边的一些特效比如三D效果，其实在safari上早已实现，比如想做一个慢慢缓动的效果，用safari的代码可以很简单的实现比如下边的代码：

#threed-example {

border:1px solid red;

width:500px;height:20px;

-webkit-transform: rotateY(45deg);

-webkit-transform: scaleX(25deg);

-webkit-transform: translate3d(0, 0, 90deg);

-webkit-transform: perspective(500px);

-webkit-transform: rotateZ(5deg);

-webkit-transition: -webkit-transform 2s ease-in-out;

}

#threed-example:hover {

-webkit-transform: rotateZ(-5deg);

}

可以写一个id名为threed-example的div,然后鼠标经过后再试一下效果，相当的牛;有兴趣的可以试下下边的代码：

@-webkit-keyframes pulse {

from {

opacity: 0.0;

font-size: 100%;

}

to {

opacity: 1.0;

font-size: 200%;

}

}

.abc {

width:200px;height:50px;border:1px solid red;

-webkit-animation-name: pulse;

-webkit-animation-duration: 2s;

-webkit-animation-iteration-count: infinite;

-webkit-animation-timing-function: ease-in-out;

-webkit-animation-direction: alternate;

}

加一个class为abc的div,然后试一下效果。

随着人们对网站的需求，我们不仅仅在是对网站的内容上有所需求，更重要的还是对用户体验的一些满足;

最近用jqtouch做了一个小效果，主要是介绍产品的，

点击完产品后，它会跟着就出现另一张图片：