Vandaag gaan we het een beetje in de technische hoek houden. Enige tijd geleden kreeg ik een mail van iemand die zichzelf afvroeg hoe ik het ‘hover effect’ in mijn RSS buttons gemaakt had. Of dit een Javascript was, of dat ik het met twee plaatjes deed zoals de gewoonlijke gang van zaken is. Ok\u00e9, met Java had gekund, maar ik maak al van zoveel Java gebruik, dat het ook wel eens een keer zonder kan. Hoveren met plaatjes is leuk, maar als je op andere\u00a0 manieren een effect kunt krijgen, is dat naast leuk, ook enorm spannend natuurlijk! De code die ik gebruikt heb om het effect te cre\u00ebren zoals je het kunt zien in browsers vanaf IE6, heb ik op pure CSS basis gemaakt, en wel met een CSS regel, waarvan ruim anderhalf jaar geleden tegen me gezegd werd dat ik dat niet kon gebruiken omdat het niet bestond. Yeah right! Het mooie aan ontwikkelen is juist om verder te zoeken. Denk niet dat iets niet kan omdat het nog niet gedaan is.<\/p>\n
De RSS buttons zijn twee gif plaatjes die in de HTML genoemd worden maar niet in de CSS. Het plaatje word in HTML in een class geplaatst, en die class heeft in zijn CSS de volgende opdracht staan: filter: alpha(opacity: 40); -moz-opacity: .40;
\nVoor het hover effect\u00a0gaan we als volgt te werk. Begin weer met de class en zet daar :hover achter. Plaats hier de volgende regel in:? filter: alpha(opacity: 99); -moz-opacity: .99;
\nThats all folks. En ik zeg het nog een keer. Omdat iets nog niet gedaan is, wil niet zeggen dat het niet kan!<\/p>\n","protected":false},"excerpt":{"rendered":"
Vandaag gaan we het een beetje in de technische hoek houden. Enige tijd geleden kreeg ik een mail van iemand die zichzelf afvroeg hoe ik het ‘hover effect’ in mijn RSS buttons gemaakt had. Of dit een Javascript was, of dat ik het met twee plaatjes deed zoals de gewoonlijke gang van zaken is. Ok\u00e9,…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-640","post","type-post","status-publish","format-standard","hentry","category-redblabla","main-post"],"yoast_head":"\n