walid
11-01-2013, بتوقيت غرينيتش 04:22 PM
http://www.dzbatna.com/images/icons/idea.gif ط¨ط¯ط§ظٹط© ظ…ط·ظˆط±:(1) طھط£ط«ظٹط±ط§طھ Animations ط£ط*طھط±ط§ظپظٹط© css3 ظˆ jquery (http://www.dzbatna.com/t2103149/)
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
هذه التدوينة تحتوي على معرض بسيط لي تأثيرات الـcss3 و بعض الـ jquery
قد لآيكون هدف الموضوع تعليمي ، بل هو مجرد موضوع للأطلاع .
CSS3 Clock With jQuery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/csstricks-clock.jpg (http://css-tricks.com/examples/CSS3Clock/)
Analogue Clock
http://www.webdesignerwall.com/wp-content/uploads/2014/02/analogue-clock.jpg (http://www.fofronline.com/experiments/clock/#clock)
3D Cube That Rotates Using Arrow Keys
http://www.webdesignerwall.com/wp-content/uploads/2014/02/3d-cube.jpg (http://www.fofronline.com/experiments/cube-3d/)
Multiple 3D Cubes (Slide In/Out)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/multi-3d-cube.jpg (http://www.fofronline.com/experiments/cube/multiCubes.html)
CSS3 Accordion
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css3-accordion.jpg (http://www.fofronline.com/experiments/accordion/#two)
Auto-Scrolling Parallax
http://www.webdesignerwall.com/wp-content/uploads/2014/02/auto-scrolling-parallax.jpg (http://www.fofronline.com/experiments/parallax/)
Isocube
http://www.webdesignerwall.com/wp-content/uploads/2014/02/isocube.jpg (http://www.zachstronaut.com/lab/isocube.html)
(http://devfiles.myopera.com/articles/1041/image-gallery.html)
Matrix
http://www.webdesignerwall.com/wp-content/uploads/2014/02/matrix.jpg (http://girliemac.com/sandbox/matrix.html)
7 Javascript-effect Alternatives Using CSS3
http://www.webdesignerwall.com/wp-content/uploads/2014/02/javascript-effect-alternatives.jpg (http://webdeveloperjuice.com/demos/css/css3effects.html)
Image Hover Effects
http://www.webdesignerwall.com/wp-content/uploads/2014/02/image-hover-effects.jpg (http://dinolatoga.com/demo/webkit-image-hover-effects/)
Turning Coke Can (Control With Scrollbar)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/coke-can.jpg (http://www.romancortes.com/blog/pure-css-coke-can/)
3D Meninas
(http://www.romancortes.com/blog/css-3d-meninas/)
(http://media.24ways.org/2014/14/5/index.html)
Space
http://www.webdesignerwall.com/wp-content/uploads/2014/02/space.jpg (http://media.24ways.org/2014/15/space.html)
Mac Dock
http://www.webdesignerwall.com/wp-content/uploads/2014/02/mac-dock.jpg (http://www.zurb.com/playground/osx-dock)
Drop-In Modals
http://www.webdesignerwall.com/wp-content/uploads/2014/02/drop-in-modals.jpg (http://www.zurb.com/playground/drop-in-modals)
(http://www.zurb.com/playground/sliding-vinyl)
(http://www.zurb.com/playground/css3-polaroids)
Animated Rocket
http://www.webdesignerwall.com/wp-content/uploads/2014/02/animated-rocket.jpg (http://www.the-art-of-web.com/css/css-animation/)
Poster Circle
http://www.webdesignerwall.com/wp-content/uploads/2014/02/poster-circle.jpg (http://webkit.org/blog-files/3d-transforms/poster-circle.html)
Morphing Cubes
http://www.webdesignerwall.com/wp-content/uploads/2014/02/morphing-cubes.jpg (http://webkit.org/blog-files/3d-transforms/morphing-cubes.html)
Falling Leaves
http://www.webdesignerwall.com/wp-content/uploads/2014/02/falling-leaves.jpg (http://webkit.org/blog-files/leaves/index.html)
Animated Polaroid Gallery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-polaroid-gallery.jpg (http://www.3site.eu/examples/gallery/)
Spotlight Cast Shadow
http://www.webdesignerwall.com/wp-content/uploads/2014/02/spotlight-cast-shadow.jpg (http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box.html)
Colorful Clock
http://www.webdesignerwall.com/wp-content/uploads/2014/02/colorful-clock.jpg (http://demo.tutorialzine.com/2014/12/colorful-clock-jquery-css/demo.html)
Lightbox Gallery (Draggable)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/lightbox-gallery.jpg (http://demo.tutorialzine.com/2014/11/hovering-gallery-css3-jquery/demo.php)
Elastic Thumbnail Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/elastic-thumb-menu.jpg (http://buildinternet.com/live/elasticthumbs/)
Coverflow
http://www.webdesignerwall.com/wp-content/uploads/2014/02/coverflow.jpg (http://paulbakaus.com/lab/js/coverflow/)
Snowflakes
http://www.webdesignerwall.com/wp-content/uploads/2014/02/snowflakes.jpg (http://natbat.net/code/clientside/css/snowflakes/)
Dynamic Stacking Cards
http://www.webdesignerwall.com/wp-content/uploads/2014/02/stacking-cards.jpg (http://designlovr.com/examples/dynamic_stack_of_index_cards/)
Another Image Gallery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-image-gallery.jpg (http://www.alexandtheweb.com/demos/transitions-test.html)
(http://www.satine.org/research/webkit/snowleopard/snowstack.html)
Animated Pricing Column
http://www.webdesignerwall.com/wp-content/uploads/2014/02/animated-pricing.jpg (http://stuffandnonsense.co.uk/content/demo/cannybill/21-10-2014/pricing.html)
Slick jQuery Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/slick-jquery-menu.jpg (http://demo.marcofolio.net/slick_jquery_css3_menu/default.html)
CSS3
http://www.webdesignerwall.com/wp-content/uploads/2014/02/sticky-notes.jpg (http://webkit.org/demos/sticky-notes/)
CSS Tabs Without Javascript
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css-tabs.jpg (http://www.kamikazemusic.com/demo/csstabs.html)
Tab Menus Without Javascript
http://www.webdesignerwall.com/wp-content/uploads/2014/02/tab-menus.jpg (http://development.tobypitman.com/css/menu.html)
SVG Fisheye Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/fisheye-menu.jpg (http://o.sitepen.com/labs/code/cssDock/)
(http://files.myopera.com/FataL/pres/pres.xml#name)
Rotating Gallery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/rotating-gallery.jpg (http://samples.webmatze.de/rotating_image_gallery.htm)
Dropdown Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/dropdown-menu.jpg (http://www.newmediacampaigns.com/files/http://www.webdesignerwall.com/wp-content/uploads/2014/02/nicer-navigation-with-css-transitions/demo.html)
Another Fisheye
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-fisheye.jpg (http://www.niquelao.net/wp-content/uploads/2014/12/example1.html)
Frame-by-Frame Animation (Hover to Play)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css3-animation.jpg (http://www.cssplay.co.uk/menu/css3-animation.html)
Another Accordion
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-accordion.jpg (http://www.thecssninja.com/demo/css_accordion/#Section2)
AT-AT Walker (No Flash or Javascript)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css3-animation-at-walker.jpg (http://anthonycalzadilla.com/css3-ATAT/index-bones.html)
أنتهاء
ترقبوا الجزء الثاني
بداية مطوٌر (http://addwep.blogspot.com/)
http://2.bp.blogspot.com/-Re9A3KFMlCk/T9B0UZCGNtI/AAAAAAAAAXA/JFArY4v8-UI/s1600/%25D9%2581%25D9%2588%25D8%25A7%25D8%25B5%25D9%2584 .png (http://2.bp.blogspot.com/-Re9A3KFMlCk/T9B0UZCGNtI/AAAAAAAAAXA/JFArY4v8-UI/s1600/%25D9%2581%25D9%2588%25D8%25A7%25D8%25B5%25D9%2584 .png)
ملاحظة : لمشاهدة التأثيرات بشكل حي ومباشر أضغط على الصوره الخاصة به.
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
هذه التدوينة تحتوي على معرض بسيط لي تأثيرات الـcss3 و بعض الـ jquery
قد لآيكون هدف الموضوع تعليمي ، بل هو مجرد موضوع للأطلاع .
CSS3 Clock With jQuery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/csstricks-clock.jpg (http://css-tricks.com/examples/CSS3Clock/)
Analogue Clock
http://www.webdesignerwall.com/wp-content/uploads/2014/02/analogue-clock.jpg (http://www.fofronline.com/experiments/clock/#clock)
3D Cube That Rotates Using Arrow Keys
http://www.webdesignerwall.com/wp-content/uploads/2014/02/3d-cube.jpg (http://www.fofronline.com/experiments/cube-3d/)
Multiple 3D Cubes (Slide In/Out)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/multi-3d-cube.jpg (http://www.fofronline.com/experiments/cube/multiCubes.html)
CSS3 Accordion
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css3-accordion.jpg (http://www.fofronline.com/experiments/accordion/#two)
Auto-Scrolling Parallax
http://www.webdesignerwall.com/wp-content/uploads/2014/02/auto-scrolling-parallax.jpg (http://www.fofronline.com/experiments/parallax/)
Isocube
http://www.webdesignerwall.com/wp-content/uploads/2014/02/isocube.jpg (http://www.zachstronaut.com/lab/isocube.html)
(http://devfiles.myopera.com/articles/1041/image-gallery.html)
Matrix
http://www.webdesignerwall.com/wp-content/uploads/2014/02/matrix.jpg (http://girliemac.com/sandbox/matrix.html)
7 Javascript-effect Alternatives Using CSS3
http://www.webdesignerwall.com/wp-content/uploads/2014/02/javascript-effect-alternatives.jpg (http://webdeveloperjuice.com/demos/css/css3effects.html)
Image Hover Effects
http://www.webdesignerwall.com/wp-content/uploads/2014/02/image-hover-effects.jpg (http://dinolatoga.com/demo/webkit-image-hover-effects/)
Turning Coke Can (Control With Scrollbar)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/coke-can.jpg (http://www.romancortes.com/blog/pure-css-coke-can/)
3D Meninas
(http://www.romancortes.com/blog/css-3d-meninas/)
(http://media.24ways.org/2014/14/5/index.html)
Space
http://www.webdesignerwall.com/wp-content/uploads/2014/02/space.jpg (http://media.24ways.org/2014/15/space.html)
Mac Dock
http://www.webdesignerwall.com/wp-content/uploads/2014/02/mac-dock.jpg (http://www.zurb.com/playground/osx-dock)
Drop-In Modals
http://www.webdesignerwall.com/wp-content/uploads/2014/02/drop-in-modals.jpg (http://www.zurb.com/playground/drop-in-modals)
(http://www.zurb.com/playground/sliding-vinyl)
(http://www.zurb.com/playground/css3-polaroids)
Animated Rocket
http://www.webdesignerwall.com/wp-content/uploads/2014/02/animated-rocket.jpg (http://www.the-art-of-web.com/css/css-animation/)
Poster Circle
http://www.webdesignerwall.com/wp-content/uploads/2014/02/poster-circle.jpg (http://webkit.org/blog-files/3d-transforms/poster-circle.html)
Morphing Cubes
http://www.webdesignerwall.com/wp-content/uploads/2014/02/morphing-cubes.jpg (http://webkit.org/blog-files/3d-transforms/morphing-cubes.html)
Falling Leaves
http://www.webdesignerwall.com/wp-content/uploads/2014/02/falling-leaves.jpg (http://webkit.org/blog-files/leaves/index.html)
Animated Polaroid Gallery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-polaroid-gallery.jpg (http://www.3site.eu/examples/gallery/)
Spotlight Cast Shadow
http://www.webdesignerwall.com/wp-content/uploads/2014/02/spotlight-cast-shadow.jpg (http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box.html)
Colorful Clock
http://www.webdesignerwall.com/wp-content/uploads/2014/02/colorful-clock.jpg (http://demo.tutorialzine.com/2014/12/colorful-clock-jquery-css/demo.html)
Lightbox Gallery (Draggable)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/lightbox-gallery.jpg (http://demo.tutorialzine.com/2014/11/hovering-gallery-css3-jquery/demo.php)
Elastic Thumbnail Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/elastic-thumb-menu.jpg (http://buildinternet.com/live/elasticthumbs/)
Coverflow
http://www.webdesignerwall.com/wp-content/uploads/2014/02/coverflow.jpg (http://paulbakaus.com/lab/js/coverflow/)
Snowflakes
http://www.webdesignerwall.com/wp-content/uploads/2014/02/snowflakes.jpg (http://natbat.net/code/clientside/css/snowflakes/)
Dynamic Stacking Cards
http://www.webdesignerwall.com/wp-content/uploads/2014/02/stacking-cards.jpg (http://designlovr.com/examples/dynamic_stack_of_index_cards/)
Another Image Gallery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-image-gallery.jpg (http://www.alexandtheweb.com/demos/transitions-test.html)
(http://www.satine.org/research/webkit/snowleopard/snowstack.html)
Animated Pricing Column
http://www.webdesignerwall.com/wp-content/uploads/2014/02/animated-pricing.jpg (http://stuffandnonsense.co.uk/content/demo/cannybill/21-10-2014/pricing.html)
Slick jQuery Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/slick-jquery-menu.jpg (http://demo.marcofolio.net/slick_jquery_css3_menu/default.html)
CSS3
http://www.webdesignerwall.com/wp-content/uploads/2014/02/sticky-notes.jpg (http://webkit.org/demos/sticky-notes/)
CSS Tabs Without Javascript
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css-tabs.jpg (http://www.kamikazemusic.com/demo/csstabs.html)
Tab Menus Without Javascript
http://www.webdesignerwall.com/wp-content/uploads/2014/02/tab-menus.jpg (http://development.tobypitman.com/css/menu.html)
SVG Fisheye Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/fisheye-menu.jpg (http://o.sitepen.com/labs/code/cssDock/)
(http://files.myopera.com/FataL/pres/pres.xml#name)
Rotating Gallery
http://www.webdesignerwall.com/wp-content/uploads/2014/02/rotating-gallery.jpg (http://samples.webmatze.de/rotating_image_gallery.htm)
Dropdown Menu
http://www.webdesignerwall.com/wp-content/uploads/2014/02/dropdown-menu.jpg (http://www.newmediacampaigns.com/files/http://www.webdesignerwall.com/wp-content/uploads/2014/02/nicer-navigation-with-css-transitions/demo.html)
Another Fisheye
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-fisheye.jpg (http://www.niquelao.net/wp-content/uploads/2014/12/example1.html)
Frame-by-Frame Animation (Hover to Play)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css3-animation.jpg (http://www.cssplay.co.uk/menu/css3-animation.html)
Another Accordion
http://www.webdesignerwall.com/wp-content/uploads/2014/02/another-accordion.jpg (http://www.thecssninja.com/demo/css_accordion/#Section2)
AT-AT Walker (No Flash or Javascript)
http://www.webdesignerwall.com/wp-content/uploads/2014/02/css3-animation-at-walker.jpg (http://anthonycalzadilla.com/css3-ATAT/index-bones.html)
أنتهاء
ترقبوا الجزء الثاني
بداية مطوٌر (http://addwep.blogspot.com/)
http://2.bp.blogspot.com/-Re9A3KFMlCk/T9B0UZCGNtI/AAAAAAAAAXA/JFArY4v8-UI/s1600/%25D9%2581%25D9%2588%25D8%25A7%25D8%25B5%25D9%2584 .png (http://2.bp.blogspot.com/-Re9A3KFMlCk/T9B0UZCGNtI/AAAAAAAAAXA/JFArY4v8-UI/s1600/%25D9%2581%25D9%2588%25D8%25A7%25D8%25B5%25D9%2584 .png)
ملاحظة : لمشاهدة التأثيرات بشكل حي ومباشر أضغط على الصوره الخاصة به.
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
