Blog
| data:feedLinks | |
| data:olderPageUrl | https://devblogsme.blogspot.com/2013/12/html-xml.html |
| data:olderPageTitle | Older Post |
| data:newerPageUrl | https://devblogsme.blogspot.com/2014/02/google-plus.html |
| data:newerPageTitle | Newer Post |
| data:commentLabel | comments |
| data:authorLabel | Posted by |
| data:timestampLabel | at |
| data:postLabelsLabel | Labels: |
| data:backlinksLabel | |
| data:numPosts | 1 |
data:posts
| data:post.dateHeader | Sunday, December 15, 2013 |
| data:post.id | 4888807444904067380 |
| data:post.title | كيف تجعل كود CSS او CSS3 يعمل على جميع المتصفحات |
| data:post.body |  بسم الله , الحمد لله معلومة بسيطة قبل ان نخوض في درسنا اليوم. ليس كل اكواد CSS تعمل على جميع المتصفحات , نعم .. فهناك بعض الأكواد التي لا تعمل إلا بأكواد اخرى تضاف لها تخص المتصفح ودعونا نأخذ مثال على ذلك . وليكن هذا الكود : transition: all .4s ease-in-out; ليس مهم عمل الكود ولكن المهم , هل يعمل الكود على كل المتصفحات ؟ طبعاً لا فهو لا يعمل الا بدعم وهذا الدعم مثل الآتي .. -webkit-transition: all .4s ease-in-out; // google chrome & safari انظر .. الأحرف الحمراء هي الدعم للعمل على المتصفح فكما ترى وضعت لكل كود منهم اسم المتصفح باللون البني فمثلاً : -webkit- يجعل الكود يعمل على متصفح جوجل كروم و متصفح سفاري سؤال قد يخطر على ذهنك وهو ,, ما هي الأكواد التي لا تعمل إلا بالدعم ؟ هي الآتي : box-sizing:border-box; box-shadow: 10px 10px 5px #888; transform:rotate(7deg); -webkit-transition: width 2s; border-radius:25px; background-image:linear-gradient(to top,#000 0%,#001530 30%); وبهذا ينتهي موضوعنا بحمد الله وتوفيقه |
| data:post.snippet | بسم الله , الحمد لله معلومة بسيطة قبل ان نخوض في درسنا اليوم. ليس كل اكواد CSS تعمل على جميع المتصفحات , نعم .. فهناك بعض الأكواد التي لا تع... |
| data:post.author | Rafat |
| data:post.authorAboutMe | |
| data:post.authorProfileUrl | https://draft.blogger.com/profile/06073862446924648651 |
| data:post.authorPhoto.url | |
| data:post.url | https://devblogsme.blogspot.com/2013/12/css-css3.html |
| data:post.timestamp | 2:20 PM |
| data:post.allowComments | true |
| data:post.numComments | 0 |
| data:post.embedCommentForm | true |
| data:post.allowNewComments | true |
| data:post.commentPagingRequired | false |
| data:post.showBacklinks | False |
| data:post.numBacklinks | 0 |
| data:post.addCommentUrl | https://devblogsme.blogspot.com/2013/12/css-css3.html#comment-form |
| data:post.emailPostUrl | |
| data:post.editUrl | https://draft.blogger.com/post-edit.g?blogID=4342262374491712998&postID=4888807444904067380&from=pencil |
| data:post.feedLinks | |
| data:post.isFirstPost | true |
| data:post.isDateStart | true |
| data:post.includeAd | False |
| data:post.createLinkLabel | |
| data:post.createLinkUrl | |
| data:post.commentSource | 0 |
| data:post.showThreadedComments | |
| data:post.commentJso | |
| data:post.commentMsgs | |
| data:post.commentConfig | |
| data:post.communityId | 0 |
| data:post.commentHtml | |
| data:post.commentLabelFull | No comments |
| data:post.noNewCommentsText | |
| data:post.iframeCommentSrc | |
| data:post.addCommentOnclick |
data:post.labels
| data:label.name | CSS |
| data:label.url | https://devblogsme.blogspot.com/search/label/CSS |
| data:label.isLast | False |
| data:label.name | CSS3 |
| data:label.url | https://devblogsme.blogspot.com/search/label/CSS3 |
| data:label.isLast | True |